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

- [Funktionsloop](https://potto.ai/sv/videos/feature-loop.md)
- av demonugc
- Längd och bildformat: 0:14 · 1:1
- Publicerad 25 sep. 2026
- Visa originalet: 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.
```

## Vanliga frågor om Morphing UI states loop

Hur Morphing UI states loop gjordes, vad prompten säger och hur du gör en liknande Funktionsloop-video med Potto.

### Vad är Morphing UI states loop?

Morphing UI states loop är en motion graphics-video i Funktionsloop av demonugc. A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

### Hur gjordes Morphing UI states loop?

Den som skapade Morphing UI states loop angav inte verktygen. Den ingår i Funktionsloop-samlingen av AI motion graphics-videor på Potto.

### Finns prompten för Morphing UI states loop?

Ja. Hela prompten bakom Morphing UI states loop finns på den här sidan. Kopiera den, eller klicka på Använd prompten för att öppna den i Pottos arbetsyta.

### Hur lång är Morphing UI states loop, och vilket bildformat har den?

Morphing UI states loop är 0:14 i en 1:1-bild.

### Kan jag göra en Funktionsloop-video som Morphing UI states loop med Potto?

Ja. Klicka på Använd prompten för att läsa in prompten bakom Morphing UI states loop i Pottos arbetsyta. Potto renderar en egen version, och du kan ändra text och stil innan du exporterar.

### Var kan jag se originalet av Morphing UI states loop?

Morphing UI states loop publicerades först av skaparen. Klicka på Visa originalet för att öppna inlägget i en ny flik.

### Var hittar jag fler Funktionsloop-videor som Morphing UI states loop?

Bläddra i Funktionsloop-samlingen på Potto: 9 videor, var och en med prompt, specifikationer och källa.