| What it does | Charts that look designed, because they were
| Extract a design system from any website for AI
|
|---|
| Stage | Startup
| Not given
|
|---|
| Founded | 2026
| Not given
|
|---|
| Based in | Not given
| US
|
|---|
| Pricing model | Freemium
| Freemium
|
|---|
| Pricing | Free: 100 React charts in Hearth collection, MIT licensed. Figma: $149 once. Code: $249 once. Complete: $349 once. All prices include every update.
| 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 | - 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
| - 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 | - 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
- 100 charts free in React under MIT license
| - 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
|
|---|
| Community votes | 0 | 0 |
|---|
| DR (Domain Rating by Ahrefs) | 4 ▲ +3 (up) since last check | Not checked yet ● no change since last check |
|---|
| Trust Flow (Majestic) | 2 | 0 |
|---|
| Citation Flow (Majestic) | 12 | 0 |
|---|
| Referring domains (Majestic) | 2 | 0 |
|---|
Chartory
Stylepack