TOOLS kept it simple

All Text Audio Code

Authenticate 2FA
Aegis Authenticator
Open-source Android 2FA authenticator
Aegis Authenticator
mobile
code
Run global latency test
Globalping
Monitor, debug and benchmark your internet infrastructure
Globalping
web
code
Check browser version
browsers.page
Quickly check your browser's version
browsers.page
web
code
Customize websites
Stylebot
Browser extension for instant, persistent CSS customization of any website
Stylebot
extension
code
Create an app
bolt.new
Turn text prompts into working web apps
bolt.new
web
code
Generate CSS only buttons
Button Generator
Design buttons visually, get clean CSS code instantly
Button Generator
web
code
Get loader css code
CSS Loaders
A collection of different types of css only loaders and spinners
CSS Loaders
web
code
Generate CSS only accordion sliders
Accordion Slider Generator
Create pure css accordion sliders in seconds
Accordion Slider Generator
web
code
Convert color code
Convert Color Code
Convert color codes to all formats at once
Convert Color Code
web
code
Blend colors
Color Blender
Create palette by mixing two colors
Color Blender
web
code
Generates color scales
ColorKit
Generates color scales by mixing the shades between two colors
ColorKit
web
code
Text regex patterns
Regex 101
Test and understand regex patterns with real-time explanations
Regex 101
web
code
Make JSON files readable
Chrome JSON Formatter
Transform raw JSON into readable, collapsible tree views
Chrome JSON Formatter
extension
code
Pick colors from any webpage
ColorZilla
Pick colors from any webpage with pixel-perfect accuracy
ColorZilla
extension
code
Find icons for your web projects
Font Awesome
Quality icons ready to use - download or serve via CDN
Font Awesome
web
code
image
Edit code
VS Code
Code editing with endless customization possibilities
VS Code
desktop
code
Run virtual machine
VirtualBox
Powerful open source virtualization
VirtualBox
desktop
code
Design or prototype
penpot
Design and code beautiful products
penpot
web
image
code

Button Generator

Design buttons visually, get clean CSS code instantly

A straightforward button generator that creates CSS code based on your selections. Pick colors, adjust borders and shadows, then get the clean CSS code ready to use in your projects.

What we love ❤️

No coding required
Supports gradients as background
Live preview updates instantly as you make changes
Generates clean, minimal CSS with or without vendor prefixes
Shows hover and active states in the preview
Has plenty of pre-made buttons that can be customized

Worth noting 💡

No hover or active state customization
Your settings are not saved, refresh means starting over
Has some ads, but they're unobtrusive and don't interfere with the tool's functionality

This tool has been helping developers create CSS buttons since 2010, and it still holds up because it focuses on the basics done right. It's a great example of a tool that has stayed useful by keeping things simple.