Shadcn Studio
553 posts

Shadcn Studio
@ShadcnStudio
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.
เข้าร่วม Nisan 2025
38 กำลังติดตาม3.1K ผู้ติดตาม

@RThermo56 Love to hear that, really appreciate it 🙌
Would love to check out what you’ve built, feel free to share it!
We can also feature it on our
“Made with Shadcn Studio” page 🚀
shadcnstudio.com/community-reso…
English

@ShadcnStudio Using your shell in my latest app. Saved me tons of time.
English

🖥️ Shadcn Dashboard Shell - Open Source
Build complete, modern dashboards with structured shell layouts designed for scalability and seamless app experiences.
✨ Open source foundation
🧭 Sidebar + header layouts
📊 Ready for charts & data
#shadcn #ui #react #tailwind #buildinpublic
English

#dashboard-shell-1" target="_blank" rel="nofollow noopener">shadcnstudio.com/blocks/dashboa…
Check it out 👆🏻
English
Shadcn Studio รีทวีตแล้ว

We teased it last week.
Now it’s real.
The Drag & Drop Landing Page Builder for @ShadcnStudio is launching 𝘁𝗵𝗶𝘀 𝘄𝗲𝗲𝗸.
Here’s what you’ll be able to do:
🔎 Search and insert blocks (Hero, Features, Pricing, FAQ, etc.)
🧩 Drag & drop blocks onto a canvas
🔀 Reorder sections instantly
🎨 Switch between themes in one click
🗂️ Preview, Copy CLI, Export, Save, and Share
🎲 Shuffle blocks to discover new layouts
Build visually → export clean shadcn code.
We’re putting on the final polish.
Launching this week 🚀
English
Shadcn Studio รีทวีตแล้ว

Just shipped Shadcn Status Monitoring Blocks on @ShadcnStudio.
Spent real quality time refining these, focused on clarity, usability, and clean status feedback that actually works in real products.
🎥 Demo video below.
Perfect for:
• SaaS dashboards
• Admin panels
• Dev tools
• Monitoring systems
Built with React + Tailwind. Fully customizable.
Try it → Would love your feedback 👀
#shadcn #webdesign #frontend #reactjs #tailwindcss
English

@RThermo56 Appreciate it 🙌 open source just felt right for this
Feel free to explore and build something cool with it 🚀
English

🍽️ Bistro - Restaurant Template (Free & Open Source)
A clean, modern restaurant landing page template designed to showcase menus, ambiance, and bookings with clarity.
✨ Supports both Next.js and Astro
🍴 Menu-focused sections
📱 Fully responsive
#shadcn #ui #react #tailwind #buildinpublic
English

Product Link:- shadcnstudio.com/templates/bist…
Next.js GitHub:- github.com/shadcnstudio/s…
Astro GitHub:- github.com/shadcnstudio/s…
English

⚖️ Shadcn Compare - New Block!
Showcase product differences with clean, structured comparison blocks designed to highlight features, pricing, and value clearly.
✨ Side-by-side comparisons
📊 Feature breakdowns
📱 Fully responsive
#shadcn #ui #react #tailwind #buildinpublic
English

@RThermo56 @VRuoam @PrajwalTomar_ Thanks Richard for mentioning shadcn/studio 🙌
exactly this, giving AI real context + control over UI > just generating components
That’s where things actually start to get interesting
English

@VRuoam @PrajwalTomar_ shadcn/ui gives AI agents real access to your UI. Install, inspect, and compose components with full project context.
shadcnstudio builds on top of that. Generate and refine full UI blocks in your IDE with AI.
English

This is BIG.
The first UI library built for both developers AND AI.
If you've been stuck on design or paying for designers just to ship, this changes everything.
HeroUI@hero_ui
Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
English

📤 Shadcn File Upload - New Block!
Handle uploads with clean, interactive file upload blocks built for modern apps and dashboards.
✨ Drag & drop support
📁 File previews & states
📱 Fully responsive
#shadcn #ui #react #tailwind #buildinpublic
English
Shadcn Studio รีทวีตแล้ว

⭐ @ShadcnStudio crossed 1,250 stars on GitHub
Started with one goal.
Make building with shadcn/ui easier.
Now it’s getting love from developers around the world.
Really appreciate the support.
It means a lot.
Thanks to everyone who starred and supported ShadcnStudio.
More coming soon 👀

English

📊 Shadcn Charts - Update!
Expand your dashboards with powerful chart blocks designed for clear data visualization and insights.
💎 Update:
➕ 7 new chart blocks (45–51)
📈 Rich data visualizations
📱 Fully responsive
#shadcn #ui #react #tailwind #buildinpublic
English

Thank you so much to my new sponsor @turbostarter_ (@bzagrodzki ) 🙏
There are already so many of you - thanks to each and every one of you!
P.S. I’m already excited to see your reaction to the new Fonttrio :DD

English

📭 Shadcn Empty State - New Section!
Design clean, empty state screens that guide users with clarity and improve overall app experience.
✨ Helpful empty states
🧭 Clear next actions
📱 Fully responsive
#shadcn #ui #react #tailwind #buildinpublic
English
