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
- Tweets1K
- Following50
- Followers4.5K
- Likes3.4K
Pinned Tweet
๐ฆ ๐๐ฎ๐ฟ๐ด๐ผ๐ฟ๐ถ๐
- 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 ๐๐ป
๐ Make complex data easier to navigate.
The ๐ฆ๐ต๐ฎ๐ฑ๐ฐ๐ป ๐๐ฎ๐๐ฎ๐ง๐ฎ๐ฏ๐น๐ฒ ๐๐ฟ๐ผ๐๐ฝ๐ถ๐ป๐ด blocks feature:
โข ๐๏ธ Grouped rows with counts & totals
โข ๐ฝ Collapsible groups
โข ๐ Switchable grouping options
โข ๐ณ Nested groups for hierarchical data
โข ๐งฎ Aggregated sums & averages
Built with React, Tailwind CSS & shadcn/ui.
Explore the blocks ๐
โ๏ธ Edit data without leaving the table.
The ๐ฆ๐ต๐ฎ๐ฑ๐ฐ๐ป ๐๐ฎ๐๐ฎ๐ง๐ฎ๐ฏ๐น๐ฒ ๐๐ฑ๐ถ๐๐ถ๐ป๐ด blocks feature:
โข ๐ Inline row & cell editing
โข ๐๏ธ Editable fields, dropdowns & toggles
โข ๐พ Save & discard changes
โข ๐ Batch editing across multiple rows
โข โ๏ธ Side-panel editing
Built with React, Tailwind CSS & shadcn/ui.
Explore the blocks ๐
๐ A fresh update is here!
55+ new blocks are now live across 5 categories, including 36 new Bento Cards alone. ๐ฅ
๐ Datatable: 13 new blocks
๐ Dashboard & App blocks
๐๏ธ eCommerce: 4 new blocks
๐
Marketing UI
๐ฆ Bento Grid: 36 new cards
From eye-catching Bento layouts to data-heavy dashboards and eCommerce flows, thereโs more to build.
Explore the new blocks ๐๐ป
bento cards: shadcnstudio.com/blocks/bentโฆ
shadcn blocks: shadcnstudio.com/blocks
Changelog: shadcnstudio.com/changelog?tโฆ
check them out ๐๐ป
Add motion and bring your UI to life.
๐ฆ๐ต๐ฎ๐ฑ๐ฐ๐ป ๐ฅ๐ถ๐ฝ๐ฝ๐น๐ฒ ๐๐ณ๐ณ๐ฒ๐ฐ๐ ๐๐น๐น๐๐๐๐ฟ๐ฎ๐๐ถ๐ผ๐ป๐ on @ShadcnStudio features:
โข ๐ Pulsing notification & status effects
โข ๐ค Animated avatar ripples
โข ๐ก Coverage & signal range visuals
โข ๐ Animated stats & metrics
โข ๐จ Ready-to-use, customizable components
Built with shadcn/ui & Tailwind CSS.
Explore the illustrations ๐
โ๏ธ Give users control over their data tables!!
The ๐ฆ๐ต๐ฎ๐ฑ๐ฐ๐ป ๐๐ฎ๐๐ฎ๐ง๐ฎ๐ฏ๐น๐ฒ ๐๐ฟ๐ฎ๐ด & ๐๐ฟ๐ผ๐ฝ blocks feature:
โข ๐๏ธ Drag handles for columns
โข โก Live column reordering
โข ๐ข Column order indicators
โข ๐ Preset layouts & reset controls
โข ๐จ Theme customization
Built with React, Tailwind CSS & shadcn/ui.
โ๏ธ Edit data right where it lives.
The Shadcn DataTable Editing blocks come with:
โข ๐ Inline row & cell editing
โข ๐๏ธ Editable fields, dropdowns & toggles
โข ๐พ Save & discard changes
โข ๐ Batch editing across multiple rows
โข โ๏ธ Side-panel editing
Built with React, Tailwind CSS & shadcn/ui.
Explore the blocks ๐
Shadcn Text Animations Illustration: brings together ready-to-use effects for your UI, including:
๐ฌ Text Mask with video playing through letter shapes
๐ Text Flip for rotating phrases
โจ๏ธ Character Reveal for typing-style animations
๐ Color Text with gradients, rainbow effects, and neon glows
Perfect for hero sections, landing pages, feature callouts, and bento layouts. Built with Shadcn UI and Tailwind CSS.
Explore the collection ๐
๐ New updates are live at shadcn/studio!
โจ 70+ new Shadcn Miscellaneous Illustrations
๐งฉ 20+ new Shadcn UI Blocks
Hereโs a closer look ๐๐ป
๐งฉ More Shadcn UI Blocks
Weโve added 24 new blocks across existing Datatable and Dashboard & Application sections:
๐ Datatable Drag and Drop - 4 new blocks
โ๏ธ Datatable Editing - 5 new blocks
๐๏ธ Datatable Grouping - 5 new blocks
๐ค Datatable Export - 3 new blocks
๐ฌ Dashboard Dialog - 5 new blocks
๐งฑ App Shell - 1 new block
๐
Event Calendar - 1 new block
Build more flexible data tables and polished dashboards with ready-to-use UI blocks.
Shadcn Blocks: shadcnstudio.com/blocks
Check them out ๐๐ป
๐ช Add some motion to your UI.
Shadcn Orbit Illustrations feature orbiting logos, icons, and avatars with smooth animations.
โข ๐ Orbit Steps
โข ๐ Logo Orbit
โข ๐ฅ Avatar Group Orbit
โข โก Icon Orbit
โข ๐ง Avatar Orbit
Perfect for hero sections, integrations, team pages, and dashboards.
Check them out ๐