Product & UI · Sep 25, 2026

Morphing UI states loop

Morphing UI states loop by demon, credited to Claude Opus 5.5. Watch the Product & UI video and visit the original X post.

demon@demonugc
View on X
Opus 5.5
11 likes · 847 views on X, checked Nov 5, 2026
From the creator’s post · demon on X
Opus 5.5 is f*cking cracked at motion design this entire video is code, 0 after effects im open sourcing the prompt template for these motion designs steal it to recreate these ↓ <inputs> Ask me for: 8 to 12 UI states I want the shape to become (e.g. button, loader, player, slider, toggle, tabs, chart, command palette, toast), pure black and white or one accent color, and a royalty-free song around 120 BPM (e.g. Mixkit, free for commercial use). </inputs> <direction> 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. Banned: bouncy easing, particle bursts, glows, gradients on UI chrome, mismatched…
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by demon. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/demonugc-4c5753/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>