Buttons

Copy any of these buttons now, and paste them in your AI to add them to your website or app in minutes.
Shine sweeps, gradient borders, sliding icons, loading states, glowing pulses, and 3D press effects, all ready to go.

You can customize their colors, sizes, and animation speeds, so every button lands in your site looking like it was made for it.

Shine CTA Button

Copy this design of a raised button that is obviously clickable with a periodic shine sweep that catches the eye without ever changing size.

Customize

Gradient Border Button

Copy this design of an outline button wrapped in a gradient ring that can slowly rotate and fill on hover, then let your AI rebuild it for your own site.

Customize

Icon Slide Button

Copy this design of a button whose icon slides into view on hover, pushing the label over, and let your AI rebuild it for your own website or app.

Customize

Loading State Button

Copy this design of a submit button that shows loading, then success or error, linked to the real request, and have your AI build it into your forms.

Customize

Glow Pulse Button

Customize this glow pulse button design and use it on your own website. It's a button with a soft light around it that grows and fades in your brand color. You can keep the glow pulsing all the time, or only when someone hovers over the button.

Customize

3D Press Button

Customize this 3D press button design and use it on your own website. It's a chunky button that sits up off the page and pushes down like a real key when you click it. You can set how deep it sits and how sharp the shadow under it looks.

Customize

CSS 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 $20 a month

You can get unlimited button designs with a CopyDesign subscription. For $20/month you unlock every design in the library, plus every design we add later.

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.

81

designs in the library

Get all of them for $20 a month, or $192 a year (you get 20% off).