Animated CSS buttons
These buttons move on their own: gradients that flow, rings that pulse, metallic shimmer and light sweeps. Every animation is plain CSS @keyframes, and each one switches off for people who set "reduce motion" in their system settings.
Get started
Explore
Go live
Go premium
Celebrate
Donate
Turn up the heat
Ride the wave
Pre-order
Available now
Enter the void
Tips for animated CSS buttons
Animate only transform, opacity and background-position to keep it smooth. Save constant motion for one key action per page, like "Go live" or "Join". Too many moving buttons compete with each other.
Click any button above to get its CSS and HTML, or open the editor to tune the colours, font, shadows and hover animation and copy your own version.