Design CSS buttons visually with 127 ready-made templates, customize colors, size, radius and text with live preview, then copy HTML and CSS or download as PNG
Framer components, templates and resources
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Free
Freemium
Pricing
Not given
Components range from free to pay-what-you-want. All Access subscription: $149 (discounted from $323).
Key features
127 ready-made button designs including 3D, gradient, neumorphic, retro and sliding effects
Live preview with hover and click states
Copy HTML and CSS code in one click
Pure CSS with no JavaScript required
Works with Bootstrap and Tailwind CSS
Smooth hover animations with transition effects
Works across all modern browsers
No sign-up or account required
Light and dark theme toggle
Remembers visitor theme preference
Code override for components
Customizable icon colors
Adjustable icon size
System theme detection
Multiple instance support
What makes it different
127 pre-designed buttons ready to customize
Live preview as you customize
Pure HTML and CSS with no dependencies
Completely free with no sign-up required
No setup required - works immediately when dropped into a Framer project
Variant naming convention covers components that color styles cannot reach
Works with Framer's built-in light and dark color styles
CSS Button Generator
Pixco