---
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/ko/videos/morphing-ui-states-loop"
language: "ko"
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/ko/videos/feature-loop.md)
- demonugc
- 길이와 비율: 0:14 · 1:1
- 게시일 2026. 9. 25.
- 원본 보기: 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의 기능 소개 반복 영상 AI 모션그래픽 영상 모음에 포함되어 있습니다.

### 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개가 있으며, 각각 프롬프트, 사양, 출처가 있습니다.