---
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/zh/videos/morphing-ui-states-loop"
language: "zh-CN"
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/zh/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 支视频，每支都附有提示词、规格和来源。