Buttons
Button designs that make your main action impossible to miss: shine sweeps, gradient borders, sliding icons, honest loading states, glowing pulses, and chunky 3D presses. Every one is a small style upgrade for buttons you already have. Start here when your page works but nobody clicks the thing you want clicked.
Shine CTA Button
A raised, obviously clickable button with a periodic shine sweep that catches the eye without ever changing size.
Copied 0 times.
MembersGradient Border Button
An outline button wrapped in a gradient ring, optionally rotating slowly, that fills on hover.
Copied 0 times.
MembersIcon Slide Button
A button whose icon slides into view on hover, nudging the label over, a small motion that invites the click.
Copied 0 times.
MembersClick it. Preview simulates the request.
Loading State Button
A submit button with honest built-in states: idle, loading spinner, then success or error, tied to the real request.
Copied 0 times.
MembersCSS button examples you can copy to your AI
Every button example above comes with a ready-made prompt, a block of text you copy with one click. Paste it into whichever AI you already use (Claude, ChatGPT, Cursor, any of them) and it rebuilds the button inside your own site, with your colors, your fonts and your framework.
You don't write any CSS yourself and you don't need to know code. Pick the button you like, copy the prompt, and your AI does the work.
Animated button styles for websites and apps
This shelf holds 6 button designs, each with its own effect:
- Shine CTA Button, a shine sweeps across the button
- Gradient Border Button, a colorful border around your action
- Icon Slide Button, an icon slides in as you hover
- Loading State Button, honest idle, loading and success states
- Glow Pulse Button, a soft glow that pulses
- 3D Press Button, it pushes down like a real button
They all follow the same idea. Small upgrades for actions your page already has, useful when the page works but nobody clicks the main action.
Unlock every button design for $1 a month
These buttons are members designs. A $1/month membership unlocks the whole library, and whatever price you join at is yours forever. But note that the price rises by $1 for every 100 members, so the earlier you join, the lower your price stays.
One more thing. Any design can land in the daily freebies rotation, where the 10 most copied designs are free each day on the Freebies shelf. So a button from this page might be free tomorrow.