Shadcn/UI Component Previewer

Browse 58 official shadcn/ui primitives + 15 DevKit originals. Preview live, copy code — drop directly into your Next.js project.

73 Components

58 Official

15 DevKit Originals

Tailwind v4 ready

Looking for a complete admin setup? Check out our Shadcn Admin Dashboard Kit — 50+ pre-built pages and charts.

More workbench essentials to speed up your build.

Enter a brand color and generate a complete Tailwind-compatible shade scale with config snippets.

Fill in OG info and get the complete Next.js 14 metadata export object ready to paste.

Generate high-converting landing page copy with tone-of-voice presets and a live responsive preview.

Complete SaaS foundation with auth, Stripe billing, team management, admin dashboard, and RBAC. Launch in days.

MDX-powered blog with full SEO, dark mode, RSS feed, reading time, and syntax highlighting. Deploy to Vercel in one click.

Magic link, OAuth (Google, GitHub), 2FA, password reset, and RBAC. Built with Clerk and Next.js — fully production-hardened.

Step-by-step guide to integrate Razorpay payment gateway in Next.js 15 with App Router, TypeScript, webhooks, and refunds.

Custom builds

From specialized code generators to full-stack internal dashboards — we build tools that make your team 10x more productive.