---
title: "Morphing UI states loop"
description: "A looping UI motion study where one shape morphs through states as a cursor clicks and drags."
canonical: "https://potto.ai/th/videos/morphing-ui-states-loop"
language: "th"
datePublished: "2026-09-25"
---

# Morphing UI states loop

A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

A single element morphs its size, radius and color while its content swaps with a short blur, driven by a cursor performing real clicks and drags. The scene sits on a light warm-gray canvas with black and white components and one clean UI font, Geist. Springs with a small overshoot animate every change, and the camera zooms so each state fills the frame. The last frame matches the first, closing the loop.

- [คลิปฟีเจอร์แบบวน](https://potto.ai/th/videos/feature-loop.md)
- โดย demonugc
- ความยาวและสัดส่วน: 0:14 · 1:1
- เผยแพร่ 25 ก.ย. 2026
- ดูต้นฉบับ: https://x.com/demonugc/status/2103526713208525162

## พรอมต์

```text
Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Light warm-gray canvas, black and white components, one clean UI font (Geist). Springs everywhere, a tiny overshoot at most. The camera zooms so each state fills the frame. The last frame is the first frame, so it loops.
```

## คำถามที่พบบ่อยของ Morphing UI states loop

Morphing UI states loop ถูกสร้างอย่างไร พรอมต์บอกอะไร และวิธีทำวิดีโอ คลิปฟีเจอร์แบบวน แบบเดียวกันด้วย Potto

### Morphing UI states loop คืออะไร?

Morphing UI states loop เป็นวิดีโอ motion graphics หมวด คลิปฟีเจอร์แบบวน โดย demonugc A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

### Morphing UI states loop ทำอย่างไร?

ผู้สร้าง Morphing UI states loop ไม่ได้ระบุเครื่องมือ เป็นส่วนหนึ่งของคอลเลกชัน คลิปฟีเจอร์แบบวน ของวิดีโอโมชั่นกราฟิก AI บน Potto

### ดูพรอมต์ของ Morphing UI states loop ได้ไหม?

ได้ พรอมต์ฉบับเต็มของ Morphing UI states loop อยู่ในหน้านี้ คัดลอก หรือคลิก ใช้พรอมต์นี้ เพื่อเปิดในพื้นที่ทำงานของ Potto

### Morphing UI states loop ยาวเท่าไร และสัดส่วนภาพเป็นอย่างไร?

Morphing UI states loop ยาว 0:14 ในเฟรม 1:1

### ทำวิดีโอ คลิปฟีเจอร์แบบวน แบบ Morphing UI states loop ด้วย Potto ได้ไหม?

ได้ คลิก ใช้พรอมต์นี้ เพื่อโหลดพรอมต์ของ Morphing UI states loop เข้าพื้นที่ทำงานของ Potto Potto จะเรนเดอร์เวอร์ชันของตัวเอง และคุณเปลี่ยนข้อความกับสไตล์ได้ก่อนส่งออก

### ดูต้นฉบับของ Morphing UI states loop ได้ที่ไหน?

Morphing UI states loop โพสต์ครั้งแรกโดยผู้สร้าง คลิก ดูต้นฉบับ เพื่อเปิดโพสต์นั้นในแท็บใหม่

### หาวิดีโอ คลิปฟีเจอร์แบบวน แบบ Morphing UI states loop เพิ่มได้ที่ไหน?

ดูคอลเลกชัน คลิปฟีเจอร์แบบวน บน Potto: 9 วิดีโอ แต่ละรายการมีพรอมต์ สเปก และแหล่งที่มา