{"slug":"shadcn-blocks","title":"shadcn-blocks","tags":["site-building","frontend","shadcn","blocks"],"agent_summary":"Premium pre-built sections and components for shadcn/ui projects from shadcnuikit.com","trigger_phrases":["shadcn-blocks","shadcn guide","blocks guide","shadcn blocks","shadcnuikit","hero section"],"runnable":true,"markdown":"**Trigger:** Use when \"shadcn blocks\", \"ShadcnUIKit\", \"hero section\". Heroes, pricing, dashboards, and more.\n\nPremium pre-built sections and components for shadcn/ui projects from shadcnuikit.com. Drop-in TSX components that work with any shadcn/ui setup.\n\n### Location\n\n- Installed: `D:\\ClaudeDev\\00_GITHUB\\_working-on\\Templates\\ui-blocks\\shadcnuikit\\`\n- Backup zip: `E:\\LOC\\Design Templates\\shadcn\\shadcn-ui-kit-dashboard-main.zip`\n\n### Categories (23 folders, 950 TSX files)\n\n**Page Sections:**\n- hero/ — Hero sections with multiple layouts and styles\n- cta/ — Call-to-action sections\n- feature/ — Feature grids, showcases, icon lists\n- pricing/ — Pricing tiers, comparison tables\n- testimonial/ — Customer testimonials, review cards\n- team/ — Team member grids and bios\n- newsletter/ — Email subscription forms\n- footer/ — Page footers\n- navbar/ — Navigation bars\n- stat-card/ — Statistics and metric displays\n- changelog/ — Version history / changelog sections\n- integrations/ — Integration showcase grids\n\n**E-Commerce:**\n- product-list/ — Product listing grids\n- product-details/ — Single product detail pages\n- product-features/ — Product feature highlights\n- product-category/ — Category browsing layouts\n- product-quickview/ — Quick view modals/overlays\n\n**Application UI:**\n- dashboard-template/ — Full Next.js admin dashboard app\n- chart/ — Chart components (bar, line, pie, area)\n- table/ — Data tables with sorting, filtering\n- card/ — Card components — info, action, stat\n- form-layout/ — Form layouts — login, register, multi-step\n- signin-form/ — Authentication forms\n\n### Registry API\n\n```\nGET https://shadcnuikit.com/r/{component-name}.json\nAuthorization: Bearer suk-BCWsXXPZqnb3mdRjPnQ8m7XKsnWwSJ5wQH6odMeR27EWpzJCJVLZGkNuFbVNNWbAKJ6Czaz1BooFxpszSKwTx\n```\n\n### Dependencies\n\nshadcn/ui (base), tailwindcss, lucide-react, recharts (charts), @radix-ui/* (primitives)\n\n### Most-Used Blocks (Quick Pick)\n\nFor most local business client sites, start with these:\n1. hero/ — hero1 or hero3 (clean, above-the-fold impact)\n2. pricing/ — pricing1 (3-tier comparison table)\n3. testimonial/ — testimonial2 (review cards)\n4. cta/ — cta1 (conversion-focused call to action)\n5. feature/ — feature3 (icon grid for services)\n6. footer/ — footer1 (standard footer with links)\n7. dashboard-template/ — full admin dashboard (for SaaS projects)\n\n---\n","html":"<p><strong>Trigger:</strong> Use when \"shadcn blocks\", \"ShadcnUIKit\", \"hero section\". Heroes, pricing, dashboards, and more.</p>\n<p>Premium pre-built sections and components for shadcn/ui projects from shadcnuikit.com. Drop-in TSX components that work with any shadcn/ui setup.</p>\n<h3>Location</h3>\n<ul>\n<li>Installed: <code>D:\\ClaudeDev\\00_GITHUB\\_working-on\\Templates\\ui-blocks\\shadcnuikit\\</code></li>\n<li>Backup zip: <code>E:\\LOC\\Design Templates\\shadcn\\shadcn-ui-kit-dashboard-main.zip</code></li>\n</ul>\n<h3>Categories (23 folders, 950 TSX files)</h3>\n<p><strong>Page Sections:</strong></p>\n<ul>\n<li>hero/ — Hero sections with multiple layouts and styles</li>\n<li>cta/ — Call-to-action sections</li>\n<li>feature/ — Feature grids, showcases, icon lists</li>\n<li>pricing/ — Pricing tiers, comparison tables</li>\n<li>testimonial/ — Customer testimonials, review cards</li>\n<li>team/ — Team member grids and bios</li>\n<li>newsletter/ — Email subscription forms</li>\n<li>footer/ — Page footers</li>\n<li>navbar/ — Navigation bars</li>\n<li>stat-card/ — Statistics and metric displays</li>\n<li>changelog/ — Version history / changelog sections</li>\n<li>integrations/ — Integration showcase grids</li>\n</ul>\n<p><strong>E-Commerce:</strong></p>\n<ul>\n<li>product-list/ — Product listing grids</li>\n<li>product-details/ — Single product detail pages</li>\n<li>product-features/ — Product feature highlights</li>\n<li>product-category/ — Category browsing layouts</li>\n<li>product-quickview/ — Quick view modals/overlays</li>\n</ul>\n<p><strong>Application UI:</strong></p>\n<ul>\n<li>dashboard-template/ — Full Next.js admin dashboard app</li>\n<li>chart/ — Chart components (bar, line, pie, area)</li>\n<li>table/ — Data tables with sorting, filtering</li>\n<li>card/ — Card components — info, action, stat</li>\n<li>form-layout/ — Form layouts — login, register, multi-step</li>\n<li>signin-form/ — Authentication forms</li>\n</ul>\n<h3>Registry API</h3>\n<pre><code>GET https://shadcnuikit.com/r/{component-name}.json\nAuthorization: Bearer suk-BCWsXXPZqnb3mdRjPnQ8m7XKsnWwSJ5wQH6odMeR27EWpzJCJVLZGkNuFbVNNWbAKJ6Czaz1BooFxpszSKwTx\n</code></pre>\n<h3>Dependencies</h3>\n<p>shadcn/ui (base), tailwindcss, lucide-react, recharts (charts), @radix-ui/* (primitives)</p>\n<h3>Most-Used Blocks (Quick Pick)</h3>\n<p>For most local business client sites, start with these:</p>\n<ol>\n<li>hero/ — hero1 or hero3 (clean, above-the-fold impact)</li>\n<li>pricing/ — pricing1 (3-tier comparison table)</li>\n<li>testimonial/ — testimonial2 (review cards)</li>\n<li>cta/ — cta1 (conversion-focused call to action)</li>\n<li>feature/ — feature3 (icon grid for services)</li>\n<li>footer/ — footer1 (standard footer with links)</li>\n<li>dashboard-template/ — full admin dashboard (for SaaS projects)</li>\n</ol>\n<hr>\n"}