Case study
The quiet redesign
Read more
Gallery / Card UI Animations
Card UI Animations
The 19 card animations below all run live, and 13 are free with a full prompt you can paste.
How it works
- 01
Find your card
Each demo already plays in its card, so compare them before choosing.
- 02
Copy the prompt
The prompt explains how the card moves and borrows your site's colours.
- 03
Paste and fill in
Paste it into your vibe-coding tool, then swap in your own content.
Questions
You can copy 13 of the 19 at no cost, full prompt included, without signing up. The rest sit in the signature collection: $19, paid once, for every signature piece.
No. You copy a description of the flip, not code, and your vibe-coding tool builds it from that.
Paste the card's prompt into your vibe-coding tool and tell it what the card should hold, such as a product or a person. Adjust the rest in plain words.
For pricing, Pricing Card Highlight draws the eye to the plan you recommend. On a team page, Team Card Reveal is made for introducing the people behind the work.