Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

the Shadcn UI component explorer just got a huge upgrade:

Dan ⚡️

31,917 subscribers

68,000 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Dan ⚡️1 year ago

fonts, themes and so many demos you'll scrollwheel is gonna break :D check it out 👇

Liberty1 year ago

Thank you so much for sharing. This is great.

Dan ⚡️1 year ago

@DayalAbhimanyu My pleasure! Let me know if there’s something I can add to make it ever better 🙌

Eugene Korchagin1 year ago

noice, gotta check it out

Dan ⚡️1 year ago

lemme know what you think Eugene 🙌

JEM1 year ago

Ooo will peep!

Dan ⚡️1 year ago

Please do and lmk if you miss anything!

A1GoKn8t1 year ago

Shadn is effin coool

Dan ⚡️1 year ago

it’s the 💣 made building things fun again!

Mike Sawka1 year ago

this looks great! can’t wait to use more shadcn components

Dan ⚡️1 year ago

thanks Mike! Let me know if there’s something I could add to make it better 🙌

Related Videos

Made a Phone Input component with shadcn ui and libphonenumber-js

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 views • 2 years ago

Address autocomplete component made with shadcn ui and google places api...

Address autocomplete component made with shadcn ui and google places api...

Niaz Morshed

130,080 views • 2 years ago

This shadcn filter component is GOLD! Huge thanks for ReUI

This shadcn filter component is GOLD! Huge thanks for ReUI

Ali Bey

78,171 views • 9 months ago

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI

Zernonia

295,928 views • 2 years ago

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 views • 5 months ago

Realio Network’s Block Explorer Just Got a Major Upgrade! 🚀 $RIO How will @Realio_Network upgraded Block Explorer improve your staking and governance experience?

Realio Network’s Block Explorer Just Got a Major Upgrade! 🚀 $RIO How will @Realio_Network upgraded Block Explorer improve your staking and governance experience?

Rypto

13,173 views • 1 year ago

The T3 Chat model picker just got a huge upgrade 👀

The T3 Chat model picker just got a huge upgrade 👀

Theo - t3.gg

111,576 views • 6 months ago

Just dropped a new open-source layout 🔥 Built with shadcn/ui and Origin UI!

Just dropped a new open-source layout 🔥 Built with shadcn/ui and Origin UI!

Pasquale Vitiello

71,871 views • 1 year ago

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 views • 1 year ago

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,721 views • 6 months ago

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

shadcn

1,129,136 views • 7 months ago

Building an AI Agent Web App: Framework - Next.js Auth & Db - Supabase Agent Flows - Langflow IDE - Cursor (+Claude 3.5) Component lib - shadcn UI UI - v0 Full tutorial below:

Building an AI Agent Web App: Framework - Next.js Auth & Db - Supabase Agent Flows - Langflow IDE - Cursor (+Claude 3.5) Component lib - shadcn UI UI - v0 Full tutorial below:

Misbah Syed

132,104 views • 1 year ago

.shadcn is different from most component libraries...because it is NOT a component library.

.shadcn is different from most component libraries...because it is NOT a component library.

Laracasts

17,400 views • 10 months ago

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,908 views • 1 year ago

vibe coding in AI Studio just got a major upgrade 🚀 • multiplayer: build real-time games & tools • real services: connect live data • persistent builds: close the tab, it keeps working • pro UI: shadcn, Framer Motion & npm support we can't wait to see what you build!

vibe coding in AI Studio just got a major upgrade 🚀 • multiplayer: build real-time games & tools • real services: connect live data • persistent builds: close the tab, it keeps working • pro UI: shadcn, Framer Motion & npm support we can't wait to see what you build!

Google AI Studio

4,628,280 views • 4 months ago

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

Chánh Đại

15,137 views • 3 months ago

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

20,783 views • 7 months ago

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,036 views • 5 months ago

v0 + shadcn/ui CLI Install all dependencies for a v0 generation with just one command.

v0 + shadcn/ui CLI Install all dependencies for a v0 generation with just one command.

v0

212,925 views • 1 year ago

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

12,083 views • 8 months ago