---
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/he/videos/morphing-ui-states-loop"
language: "he"
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/he/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 לא ציין את הכלים. הוא חלק מאוסף לופ תכונה של סרטוני motion graphics AI ב-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 סרטונים, לכל אחד פרומפט, מפרט ומקור.