NEW
A whole SaaS app you drive from ⌘K: rows stretch into pages, coins fly into the total.
Animated components for Cursor
Open the download in Cursor, paste PROMPT.md into the agent, and it fits the piece into your project and runs your build.
Each download has a PROMPT.md written for AI coding agents. It tells the agent to detect your stack, copy the files, install what is missing, wire the callbacks, and run your build and type-check.
NEW
Arcs spin around six chunky cells, merge into one check, and the blurred dashboard behind them unlocks.
NEW
A glass drop magnifies the tab under it, stretches between tabs and bursts into the player.
How to add one with Cursor
- 1Unzip the download into your repo (or next to it) so Cursor can read the files.
- 2Paste Prompt 1 from PROMPT.md into Cursor's agent. Name the page where the piece should go.
- 3Use Prompt 2 if you want it restyled to your brand colours and fonts. It maps our CSS tokens to yours.
Guides with the code and props
- SaaS dashboard with ⌘K
- Animated OTP input for React
- Animated tab bar for React
- Dynamic Island navbar for React
- Hold to delete button for React
- Animated credit card form
Paid pieces start at $3 each, or get every one with the Shelf for $29, once.
Questions
What does the prompt check at the end?
It asks the agent to run your build and type-check and to confirm the animation plays as described, then list the files it changed.
Does it work in Windsurf or other agents?
Yes. PROMPT.md is plain text written for any coding agent that can read the folder.
Is anything free?
Yes. Six pieces are free under the MIT licence and install with one shadcn command. The Day / Night toggle is also on the free code page.
Can I use them in a client project?
Yes. The licence covers personal, commercial and client projects. You can't resell the source code itself.