badges
Floating dynamic-island pill
A floating pill that morphs between three states (compact, medium, expanded) by spring-animating width, height, and radius, crossfading its inner content on tap or on an automatic demo cycle.
See it live and copy its promptWhat you can adjust
- Accent color
- Pill background
- Spring stiffness
- Expanded radius
- Cycle duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
