AI Prompt Library
Ready-to-use prompts for HTML, React, 3D scroll animations, and more. Every thumbnail below is a live render of the exact code behind it — copy the prompt into any AI to get that same result.
Shimmer Sweep Button
Create a rounded button with a diagonal white shimmer that sweeps across it every few seconds using a CSS keyframe animation on a pseudo-element, on a dark gradient background.
Magnetic Hover Button
Build a button that subtly follows the cursor within a radius (magnetic pull effect) when hovered nearby, snapping back smoothly when the mouse leaves, using JS mousemove and CSS transitions.
Play/Pause Morph Button
Build a circular play button whose triangle icon smoothly morphs into a pause icon (two bars) when clicked, using an SVG path or clip-path transition rather than an abrupt icon swap.
Like Button Burst Animation
Build a heart/like button that, on click, bursts several small heart particles outward and fading while the main icon fills solid, similar to Instagram's double-tap like animation.
Follow Button State Toggle
Create a 'Follow' button that switches to 'Following' (outlined, muted style) after clicking, reverting to a red 'Unfollow' state only when hovered while in the Following state.