Skip to the shop floor

DesignLayer vs Stylepack

A side-by-side comparison built from both listings. Blank cells mean the company has not given that detail; we never guess.

DesignLayer compared with Stylepack
DetailDesignLayer logo DesignLayerStylepack logo Stylepack
What it doesMotion React components and launch videos in one place Extract a design system from any website for AI
StageNot given Not given
FoundedNot given Not given
Based inNot given US
Pricing modelFreemium Freemium
PricingFree: $0, browse and preview unlimited components, copy 3 times per day, watch and submit videos free, 1 video prompt copy per day. Plus: $9/month USD, unlimited component copies on site and over MCP, unlimited video prompt copies, connect Cursor and Claude Code via MCP, monthly auto-renew. 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
  • 73 motion components
  • Launch video library and submission
  • Cursor and Claude integration
  • MCP agent handoff
  • React, TypeScript and Tailwind CSS built
  • Free browsing and previewing
  • Copyable TSX code
  • Unlimited copies on Plus
  • 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
  • Launch screens and videos in one place for service makers
  • Copy code directly to Cursor or Claude without leaving the browser
  • MCP integration for seamless agent workflow
  • Free daily usage with no card required to browse
  • Use copied code in unlimited personal and commercial projects
  • 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 votes00
DR (Domain Rating by Ahrefs)3 no change since last checkNot checked yet no change since last check
Trust Flow (Majestic)30
Citation Flow (Majestic)270
Referring domains (Majestic)150

5 details filled in for both companies.

More alternatives to DesignLayer More alternatives to Stylepack

Support