---
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/ur/videos/morphing-ui-states-loop"
language: "ur"
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/ur/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 زمرہ فیچر لوپ کی ایک موشن گرافکس ویڈیو ہے، 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 بنانے والے نے ٹولز نہیں لکھے۔ یہ Potto پر فیچر لوپ کی اے آئی موشن گرافکس ویڈیوز کے مجموعے کا حصہ ہے۔

### کیا Morphing UI states loop کا پرومپٹ دستیاب ہے؟

ہاں۔ Morphing UI states loop کا پورا پرومپٹ اسی صفحے پر ہے۔ اسے کاپی کریں، یا یہ پرومپٹ استعمال کریں پر کلک کر کے Potto کے ورک اسپیس میں کھولیں۔

### Morphing UI states loop کتنی لمبی ہے، اور اس کا تناسب کیا ہے؟

Morphing UI states loop کی مدت 0:14 ہے، فریم 1:1۔

### کیا میں Potto سے Morphing UI states loop جیسی فیچر لوپ ویڈیو بنا سکتا ہوں؟

ہاں۔ یہ پرومپٹ استعمال کریں پر کلک کریں تاکہ Morphing UI states loop کا پرومپٹ Potto کے ورک اسپیس میں لوڈ ہو۔ Potto اپنا ورژن رینڈر کرتا ہے، اور ایکسپورٹ سے پہلے متن اور انداز بدل سکتے ہیں۔

### Morphing UI states loop کی اصل کہاں دیکھوں؟

Morphing UI states loop پہلے اس کے تخلیق کار نے پوسٹ کیا۔ اصل دیکھیں پر کلک کریں تاکہ وہ پوسٹ نئے ٹیب میں کھلے۔

### Morphing UI states loop جیسی مزید فیچر لوپ ویڈیوز کہاں ملیں گی؟

Potto پر فیچر لوپ کا مجموعہ دیکھیں: 9 ویڈیوز، ہر ایک کے ساتھ پرومپٹ، تفصیل اور ماخذ۔