Shadcn Studio (@ShadcnStudio) header
Shadcn Studio (@ShadcnStudio) profile picture

An open-source Shadcn registry of copy-and-paste components, blocks, and templates. Paired with a powerful theme editor to craft, customize, and ship faster.

Joined April 2025
Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)Photo by Shadcn Studio (@ShadcnStudio)
๐Ÿš€ After multiple requests from the community, we're finally doing it. We're launching a free version of AdminCN. ๐ŸŽ‰ You can now access ๐Ÿ‘‡๐Ÿป ๐Ÿ“Š ๐—ข๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐˜€ ๐——๐—ฎ๐˜€๐—ต๐—ฏ๐—ผ๐—ฎ๐—ฟ๐—ฑ ๐Ÿ“ฑ ๐— ๐—ฎ๐—ถ๐—น, ๐—–๐—ฎ๐—น๐—ฒ๐—ป๐—ฑ๐—ฎ๐—ฟ & ๐—จ๐˜€๐—ฒ๐—ฟ๐˜€ ๐Ÿ‘ค ๐—จ๐˜€๐—ฒ๐—ฟ ๐—ฆ๐—ฒ๐˜๐˜๐—ถ๐—ป๐—ด๐˜€ & ๐—ฃ๐—ฟ๐—ผ๐—ณ๐—ถ๐—น๐—ฒ ๐Ÿ” ๐—Ÿ๐—ผ๐—ด๐—ถ๐—ป, ๐—ฅ๐—ฒ๐—ด๐—ถ๐˜€๐˜๐—ฒ๐—ฟ, ๐—™๐—ผ๐—ฟ๐—ด๐—ผ๐˜ ๐—ฃ๐—ฎ๐˜€๐˜€๐˜„๐—ผ๐—ฟ๐—ฑ, ๐—ฅ๐—ฒ๐˜€๐—ฒ๐˜ ๐—ฃ๐—ฎ๐˜€๐˜€๐˜„๐—ผ๐—ฟ๐—ฑ, ๐—ฉ๐—ฒ๐—ฟ๐—ถ๐—ณ๐˜† ๐—˜๐—บ๐—ฎ๐—ถ๐—น & ๐—ง๐˜„๐—ผ-๐—ฆ๐˜๐—ฒ๐—ฝ ๐—”๐˜‚๐˜๐—ต๐—ฒ๐—ป๐˜๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ผ๐—ป ๐Ÿ“ ๐—ฉ๐—ฒ๐—ฟ๐˜๐—ถ๐—ฐ๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€, ๐—›๐—ผ๐—ฟ๐—ถ๐˜‡๐—ผ๐—ป๐˜๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€, ๐—™๐—ผ๐—ฟ๐—บ ๐—ฉ๐—ฎ๐—น๐—ถ๐—ฑ๐—ฎ๐˜๐—ถ๐—ผ๐—ป & ๐——๐—ฎ๐˜๐—ฎ ๐—ง๐—ฎ๐—ฏ๐—น๐—ฒ โš™๏ธ ๐—˜๐—ฟ๐—ฟ๐—ผ๐—ฟ ๐—ฃ๐—ฎ๐—ด๐—ฒ We wanted more developers to experience what AdminCN has to offer, so we're making a selection of our existing Pro pages available to everyone. If you've been waiting to try AdminCN, this is the perfect time. Watch the preview below ๐Ÿ‘‡
7
33
2
490
73,329
๐Ÿ“Š Build more powerful dashboards with Shadcn Datatable Advanced. Go beyond basic tables with advanced features like: ๐Ÿ“ˆ KPI cards, sparklines & progress indicators ๐Ÿ” Advanced search and filtering ๐Ÿ—‚๏ธ Grouped rows with totals โšก Bulk actions and inline editing ๐Ÿ“Š Multiple dashboard-ready table layouts Built with React, Tailwind CSS & shadcn/ui. Supports Base UI and Radix UI. Explore the blocks ๐Ÿ‘‡ #shadcn #shadcnui #dashboard
3
4
76
4,071
Check them out ๐Ÿ‘‡๐Ÿป
1
152
๐Ÿค– Meet AXON, a landing page template built for robotics and hardware products. Give your next hardware launch a strong online presence with: โš™๏ธ Product specs & feature highlights ๐ŸŽฎ Interactive routine preview ๐Ÿ“‹ How-it-works sections ๐Ÿ’ฐ Pricing & use cases ๐Ÿš€ Early tester stories and pre-order CTA Built with Next.js, shadcn/ui & Tailwind CSS v4. Now available on @ShadcnStudio! #shadcn #shadcnui #nextjs
14
21
930
๐Ÿš€ A major update is here at @shadcnstudio ! Three new landing page templates, 45+ new Shadcn UI Blocks, 39 new Bento Cards, and a brand-new Bento Builder. More ways to design, customize, and build with Shadcn Studio. Here's everything new ๐Ÿ‘‡๐Ÿป
2
8
575
3/ ๐Ÿงฉ 45+ New Shadcn UI Blocks We've expanded existing sections across four categories: ๐Ÿ“Š Datatable Advanced - 10 new blocks ๐Ÿ“ˆ Onboarding Feed - 3 new blocks ๐Ÿ“‰ Statistics Component - 3 new blocks ๐Ÿ›’ Checkout Page - 1 new block ๐Ÿ” Login, Register, Forgot Password, Reset Password, Verify Email & Two-Factor Authentication - 5 new blocks each More ready-to-use UI for dashboards, eCommerce experiences, and authentication flows. Explore the Datatable Advanced Blocks๐Ÿ‘‡๐Ÿป shadcnstudio.com/blocks
1
1
70
4/ ๐ŸŽจ 3 New Landing Page Templates We've added three new Next.js landing page templates: ๐Ÿค– AXON - Robotics Website Template โš™๏ธ Runlit - DevOps Tools Landing Page ๐Ÿšš Grabbit - Delivery App Landing Page Three different industries, each with a ready-made foundation to get your next website started. Explore the templates ๐Ÿ‘‡๐Ÿป AXON - shadcnstudio.com/templates/aโ€ฆ Runlit - shadcnstudio.com/templates/rโ€ฆ Grabbit - shadcnstudio.com/templates/gโ€ฆ
1
52
๐Ÿ“ฆ ๐—–๐—ฎ๐—ฟ๐—ด๐—ผ๐—ฟ๐—ถ๐˜… - Logistics App Template! Cargorix is a logistics and operations dashboard built for shipping, warehouse management, and supply chain platforms. Track shipments, deliveries, inventory, and logistics operations from a modern, scalable interface. Built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript. Check it out ๐Ÿ‘‡๐Ÿป
2
20
1
146
6,841
๐Ÿ“Š Plan and track projects with Shadcn Gantt Chart 04. A project management dashboard featuring: ๐Ÿ“… Monthly timeline & task scheduling ๐Ÿ”— Task dependencies and linked steps ๐Ÿ“ˆ Progress tracking by phase ๐Ÿ‘ฅ Task owners & status indicators โœ๏ธ Edit tasks with a detailed side panel โš ๏ธ Track blocked and at-risk tasks Built with React, Tailwind CSS & shadcn/ui.
2
9
159
6,966
๐ŸŽต Meet Shadcn User Schedule #5. A lesson scheduling dashboard featuring: ๐Ÿ“… Daily & weekly calendar views ๐ŸŽธ Instrument-based filtering ๐Ÿ‘จโ€๐Ÿซ Teacher & student schedules ๐Ÿ•’ Lesson timings and room assignments โš ๏ธ Booking conflict alerts ๐Ÿ“Š Teaching hours & room utilization Built with React, Tailwind CSS & shadcn/ui.
3
18
1,296
Shadcn Studio retweeted
๐Ÿ—๏ธ We're building something new at @ShadcnStudio! ๐—•๐—ฒ๐—ป๐˜๐—ผ ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ฒ๐—ฟ is coming soon. A dedicated space to create, customize, and arrange your own bento grid layouts. Here's what you can look forward to: ๐Ÿงฉ 60+ ready-to-use Bento Cards โ†”๏ธ Drag, drop, resize, swap & reorder cards ๐Ÿงน Tidy Up button to automatically fill empty spaces in your grid ๐ŸŽจ Customize columns, spacing, and layouts ๐Ÿ“ฑ Preview across desktop, tablet & mobile โ†ฉ๏ธ Undo, redo & shuffle layouts with one click ๐Ÿ’ป Export your layout with CLI, page code, or AI prompts Build your own bento layouts with complete creative control. Coming soon. Stay tuned! ๐Ÿ‘€
3
1
1
12
729
๐Ÿ—๏ธ We're building something new at @ShadcnStudio! ๐—•๐—ฒ๐—ป๐˜๐—ผ ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ฒ๐—ฟ is coming soon. A dedicated space to create, customize, and arrange your own bento grid layouts. Here's what you can look forward to: ๐Ÿงฉ 60+ ready-to-use Bento Cards โ†”๏ธ Drag, drop, resize, swap & reorder cards ๐Ÿงน Tidy Up button to automatically fill empty spaces in your grid ๐ŸŽจ Customize columns, spacing, and layouts ๐Ÿ“ฑ Preview across desktop, tablet & mobile โ†ฉ๏ธ Undo, redo & shuffle layouts with one click ๐Ÿ’ป Export your layout with CLI, page code, or AI prompts Build your own bento layouts with complete creative control. Coming soon. Stay tuned! ๐Ÿ‘€
2
29
1,664
๐ŸŽจ More control over your Bento layouts! We've added Bento Card Size Presets to the Bento Cards section. Change the size preset of any Bento Card to instantly transform its layout and appearance, giving you more flexibility to find the perfect fit for your design. One card, multiple layout possibilities.
1
1
11
683