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
A native macOS drawing app for quick sketches, screenshot markup, and AI-generated diagrams
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Free
Freemium
Pricing
Not given
Free: $0 forever, includes all drawing tools, unlimited sketches in one folder, copy to clipboard as PNG, and auto-save with local-first storage. Pro: coming soon.
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
Instant copy-to-clipboard as PNG
No accounts or setup required
Local-first storage with auto-save
Screenshot annotation with arrows, boxes, text, and freehand tools
AI diagram generation via Claude, Cursor, Windsurf, and VS Code
Refine diagrams through chat
Paste screenshot from clipboard
Unlimited sketches in one folder
Native macOS performance
All drawing tools included in free version
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
Zero-friction design: open, draw, and share in seconds with no setup or accounts
Local-first architecture: all sketches stay on your Mac, nothing leaves unless you ask
AI integration runs through your own subscription with no proxying of prompts
CSS Button Generator
Chalk