Animated React and Tailwind components for Next.js, Vite and AI coding assistants
Design canvas with your codebase and agents built in, where design engineers get production-grade output without handoff
Stage
Not given
Not given
Founded
Not given
Not given
Based in
US
Not given
Pricing model
Paid
Freemium
Pricing
Individual components: $3 each. The Shelf: $29 for all 17 paid pieces, one-time payment. Pro Lifetime: $69 one-time (pre-launch price; $89 after November 12, 2026), includes all current and future pieces, at least 8 new pieces by January 31, 2027 or $40 refunded.
Hobby: Free with monthly agent limits for personal projects and unlimited connected repositories. Pro: $20 per person per month with extended agent limits, merge-ready PRs, design QA, and priority support. Teams & enterprises: Custom pricing with SSO/SAML, SCIM, SOC 2 Type II, and dedicated support.
Key features
React and TypeScript components with Tailwind CSS
Framer Motion animations on most components
Next.js App Router ready with use client included
PROMPT.md file with Cursor, v0 and Lovable prompts
Plain HTML version included in every zip
Tested in Next.js 15 with Tailwind v4 and Vite
Live preview before purchase
23 total components available
Canvas connected to codebase with code-to-canvas and canvas-to-code workflows
Type-safe code generation from design changes
Pull request integration for code review
Design QA and polish on live product
Support for authenticated screens and complex states
No developer environment setup required for designers
Reuses existing components and design system instead of creating parallel systems
What makes it different
Components come with full clean, commented source code ready to paste in
Each component includes prompts to hand to AI coding assistants for fitting into your project
Usable in personal and client projects with no resale restrictions on the work itself
Affordable one-time payment with no subscription required
Pro Lifetime includes all future releases up to January 31, 2027 with money-back guarantee
Eliminates design-to-engineering handoff with production-ready code direct from canvas
Works directly with real codebase, components, and live data instead of static mockups
Type-safe pull requests that engineers want to merge
Preserves existing design system with no parallel UI debt
Design on the real product surface, not static files like Figma
qodesign
Modeinspect