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
Charts that look designed, because they were
Stage
Not given
Startup
Founded
Not given
2026
Based in
Not given
Not given
Pricing model
Free
Freemium
Pricing
Not given
Free: 100 React charts in Hearth collection, MIT licensed. Figma: $149 once. Code: $249 once. Complete: $349 once. All prices include every update.
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
100+ chart types organized by question
Four responsive sizes (XS, S, M, L) that re-layout from data
Identical names and props in Figma and React
Light and dark color modes
900+ size and legend variants
MCP server for AI code agents
Sector-specific datasets included
Ready-made dashboard blocks and compositions
Private registry and GitHub repository access
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
Same chart name and properties in both Figma design files and React code
Charts re-layout responsively instead of scaling, keeping text readable at all sizes
Pay once with all future updates included, no subscription
Integrated with shadcn and available via MCP for AI agents
CSS Button Generator
Chartory