Beautiful design library for components, animations and full pages with AI coding integration
Extract a design system from any website for AI
Stage
Not given
Not given
Founded
Not given
Not given
Based in
KR
US
Pricing model
Free
Freemium
Pricing
Not given
Free: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API.
Key features
Components, animations and full page templates in multiple formats
Korean text typing motion with proper character composition
Prefix-based Korean search
Coupon and points payment interface
MCP server integration
AI agent integration for custom component generation
Save and organize items in collection
WebGL-based interactive elements
Theme customization and copying
DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
Screenshots at four widths: 1440, 1024, 768 and 390 pixels
W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
CSS custom properties with all design values
Tailwind v4 theme block
SKILL.md for Claude Code and Cursor
MCP server integration for AI agents to fetch packs automatically
REST API with keys for automated access
Private packs accessible only to the user
What makes it different
Free library with no signup required to browse
Works with multiple frameworks and AI coding assistants
Specialized components for Korean language UI
Integration with Claude Code and Codex AI agents
Components work without external libraries in WebGL
Measured from live pages, not guessed from screenshots
Captures behavioral details like interactions and state changes, not just visual design
Free tier requires no account or card to try
AI agents can use Stylepack directly with Pro via MCP server
Vyblor
Stylepack