---
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/fa/videos/morphing-ui-states-loop"
language: "fa"
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/fa/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 ویدیو، هر کدام با پرامپت، مشخصات و منبع.