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
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Freemium
Free
Pricing
Free: €0 forever for one design system with tokens, components, assets, MCP endpoint, Figma import and sync, live documentation site, and drift checks inside the app. Studio: €15 per seat per month with up to 5 design systems, 10 contexts and API keys, 3 connected repositories, enforcement on every
Not given
Key features
Reads Figma variables and styles plus repository code to build one clear picture of your design system
Serves design system to Claude Code, Cursor and Copilot through secure MCP connection
Generates editor rule files automatically
Live documentation with auto-synced token blocks
Source code never leaves your repository
Separate space and connection for each design system or client
Configurable rule strictness with errors blocking merges and warnings letting them through
Multiple connected repositories and contexts per plan
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
What makes it different
Reconciles Figma design files with actual repository code into one unified source of truth
Ranks tokens by actual usage instead of showing raw Figma values
Catches design system mismatches before code merges, not just in reviews
Works through MCP protocol so compatible with multiple AI tools not just one
Contexxt
CSS Button Generator