# One Shape, Every Interface

Style: [Motion Design](https://comotion.design/style/motion-design)
Made by: zero, @twoclipping on X
Original post: https://x.com/twoclipping/status/2103273003555402193
Length: 14 seconds
Tags: loop, minimal, morph, ui
Page: https://comotion.design/v/one-shape-every-interface

A single pill morphs through a player, a slider, a chart and a toast, changing size, radius and colour as it goes.

## How it was made

Tools: Claude Opus 5.5

Prompt: 474 words, shown to signed-in members on the page, free with an account.

### Process

Made entirely in code. Claude Opus 5.5 wrote the animation as a single HTML file and rendered it frame by frame, with no After Effects and no video model.

The prompt is a reusable template: it asks for 8 to 12 interface states, then morphs one shape through all of them.
