---
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/ms/videos/morphing-ui-states-loop"
language: "ms"
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.

- [Gelung ciri](https://potto.ai/ms/videos/feature-loop.md)
- oleh demonugc
- Tempoh & nisbah: 0:14 · 1:1
- Diterbitkan 25 Sep 2026
- Lihat asal: https://x.com/demonugc/status/2103526713208525162

## Prompt

```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.
```

## Soalan lazim Morphing UI states loop

Cara Morphing UI states loop dibuat, apa yang prompt nyatakan, dan cara membuat video Gelung ciri yang serupa dengan Potto.

### Apakah Morphing UI states loop?

Morphing UI states loop ialah video motion graphics Gelung ciri oleh demonugc. A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

### Bagaimana Morphing UI states loop dibuat?

Pencipta Morphing UI states loop tidak menyenaraikan alat. Ia sebahagian daripada koleksi Gelung ciri video Motion graphics AI di Potto.

### Adakah prompt untuk Morphing UI states loop tersedia?

Ya. Prompt penuh di sebalik Morphing UI states loop ada di halaman ini. Salin, atau klik Guna prompt ini untuk membukanya dalam ruang kerja Potto.

### Berapa lama Morphing UI states loop, dan apakah nisbah aspeknya?

Morphing UI states loop berdurasi 0:14 dalam bingkai 1:1.

### Bolehkah saya buat video Gelung ciri seperti Morphing UI states loop dengan Potto?

Ya. Klik Guna prompt ini untuk memuatkan prompt di sebalik Morphing UI states loop ke ruang kerja Potto. Potto memaparkan versinya sendiri, dan anda boleh ubah teks serta gaya sebelum mengeksport.

### Di mana saya boleh tonton Morphing UI states loop yang asal?

Morphing UI states loop mula-mula disiarkan oleh penciptanya. Klik Lihat asal untuk membuka siaran itu dalam tab baharu.

### Di mana saya cari lebih banyak video Gelung ciri seperti Morphing UI states loop?

Layari koleksi Gelung ciri di Potto: 9 video, setiap satu dengan prompt, spesifikasi dan sumber.