Production-ready primitives. One command.
Don't write what already exists. Each component ships with full source, env var setup, and Prisma schema additions where needed. Claude Code installs them on demand.
JB Better Auth UI
Production-ready authentication — sign-in, sign-up, OAuth, password reset.
Website UI
Complete Next.js marketing scaffold — landing, pricing, docs, and more.
Stripe UI
Production-ready Stripe checkout with Payment Element + order management.
Data Table
TanStack-powered table with search, sort, pagination, column visibility.
File Storage UI
Drag-drop file uploads with S3 + R2 support, presigned URLs, and management.
MDX Blog
File-based blog with MDX, syntax highlighting, and full SEO.
Scalar API Docs
Beautiful, interactive API docs deployed in 30 seconds.
DGateway Shop
E-commerce + Mobile Money + Stripe — built for African markets.
Searchable Select
Filterable dropdown with type-to-search and optional descriptions.
Spiral Background Hero
A hero section with a golden spiral background — eye-catching for landing pages.
Hero 115 — Centered Ring Backdrop
Centered hero with concentric ring decoration, leading icon, headline, supporting text, CTA, byline, and capped hero image.
Marketing Hero with Navbar
Modern marketing hero section bundled with a fully styled navbar above it.
SaaS Hero
Modern SaaS hero section — built for startups launching a product.
Beautiful Power Hero
Bold, dramatic hero section for product launches and rebrands.
Agency Hero
Clean agency hero designed for SaaS and startup websites — bold headline, gradient background, trust badges, client logos.
Zustand Cart
Client-side cart with localStorage persistence and drawer UI.
Ecommerce UI Primitives
Rating stars, quantity selector, and price display with currency and discount support.
Product Card & Grid
Product card with image, price, rating, badge overlay, add-to-cart, and responsive grid with search and sort.
Subscription Status & Usage Meter
Current subscription plan card with status, renewal, and upgrade actions, plus usage progress bars for API, storage, or seats.
SaaS Billing: Pricing, Comparison & History
Pricing tier cards with feature lists, side-by-side plan comparison table, and billing/invoice history list.
SaaS Management: API Tokens
API token manager with create dialog, scope selection, copy to clipboard, and revoke actions.
Kanban Board
Drag-and-drop board with column management, card creation, and swimlanes.
Rich Text Editor
Tiptap-powered editor with toolbar, image, link, and placeholder support.
Organization & Team UI
Team management with member directory, invites, role-based access, and org settings.
Charts & Dashboard Grid
Responsive dashboard grid with bar, line, pie, and area charts on Recharts.
Multi-Step Form / Wizard
Step-by-step form with progress indicator, per-step validation, and back/continue controls.
Command Palette
⌘K palette with keyboard shortcuts, fuzzy search, and grouped actions.
Notification Center
Bell dropdown with real-time notifications, read/unread state, tabs, and clear-all.
Advanced Form Elements
Tags input and phone input with formatting, validation, and keyboard support.
File Manager / Media Library
Media library with grid/list views, preview dialog, upload button, and search.
Printable Templates
Invoice, receipt, and report layouts with print-specific CSS and PDF export.
Animated Counter
Number stat that counts up from 0 to a target value when scrolled into view.
Logo Marquee
Auto-scrolling 'trusted by' brand strip with pause-on-hover and edge fade.
Alternating Timeline
Vertical timeline with left/right alternating entries and scroll-driven opacity/scale.
Text Gradient Scroll
Scroll-driven text reveal — paragraph fades word-by-word or letter-by-letter as the user scrolls.
Blurred Orb
Gradient-blurred backdrop element — drop behind a hero or section for a soft glow accent.
Custom Cursor
Pointer-following animated cursor — dot + outline, hover grow, click squeeze, auto-hides on mobile.
Form (shadcn fallback)
Canonical shadcn Form primitives (FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage) — install when `shadcn add form` returns 'not found'.