| What it does | Source-first interaction effects library for React and Next.js
| Extract a design system from any website for AI
|
|---|
| Stage | Not given
| Not given
|
|---|
| Founded | Not given
| Not given
|
|---|
| Based in | IN
| US
|
|---|
| Pricing model | Not given
| Freemium
|
|---|
| Pricing | Free Core: 70+ effects, 3 installs per day. Pro: $27/quarter or $79/year (5 installs/day, every component, template credits on yearly). Pro+: $57/quarter or $179/year (10 installs/day, full template catalogue, 1 template credit every quarter on quarterly billing). India: Pro ₹1,347/quarter or ₹4,490
| 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 | - 180+ interactive effects (70+ free)
- Copy-paste React and Next.js components
- Hyperiux CLI installation support
- Scroll, WebGL, loader, navigation, button, text, slider, and transition effects
- Reduced-motion accessibility built-in
- Commercial-friendly implementation structure
- Mobile fallbacks and responsive behavior
- Documentation and usage examples
- No runtime dependency or lock-in
- Template catalogue for Pro+ subscribers
| - 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 | - Production-grade by default with timing, restraint, and performance optimizations
- Built from real client launches with proven discipline
- Dependency-honest: uses serious tools only where needed (GSAP, Three.js, Motion, WebGL, Lenis)
- Full control to tune timing, easing, and mobile behavior in your own repository
| - 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) | 29 ● no change since last check | Not checked yet ● no change since last check |
| Trust Flow (Majestic) | 14 | 0 |
| Citation Flow (Majestic) | 29 | 0 |
| Referring domains (Majestic) | 303 | 0 |