---
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/ar/videos/morphing-ui-states-loop"
language: "ar"
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/ar/videos/feature-loop.md)
- بواسطة demonugc
- المدة والنسبة: 0:14 · 1:1
- نُشر في 25‏/09‏/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.

### هل أستطيع صنع فيديو حلقة ميزة مثل 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 فيديوهات، ولكل منها الوصف والمواصفات والمصدر.