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.

Sora (.com) is built using shadcn/ui 😎

shadcn

225,711 subscribers

260,480 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

10 Comments

Hasan Can1 year ago

i bet they used sonnet 3.5 while building it lol

John1 year ago

Most beautiful product UI launch of 2024

Omar ☥1 year ago

i knew it, once i saw the sidebar

Mehdi Nabhani1 year ago

2030: Internet ist built using shadcn/ui & shadcn/os

Lucas James Quinn1 year ago

Even if I don’t use Shadcn’s components, I’d still prefer to install the base configuration first to ensure a solid foundation.

Pranay Joshi1 year ago

Not surprised! Isn’t everything made with shadcn?

Mubashir1 year ago

your code is being used by millions of people daily 👏

pbg.1 year ago

well deserved. these days, most of my apps are built using shadcn by default

AshutoshShrivastava1 year ago

That's how you build best website.

Jignesh 🧩1 year ago

Bro’s so cool, we’re gonna need sunglasses just to look at his repo soon.

Related Videos

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,995 views • 3 years ago

Meet Sera. A new foundational style for shadcn/ui. Minimal. Editorial. Typographic. Shaped by Print Design Principles. Available Today. Try on shadcn/create.

Meet Sera. A new foundational style for shadcn/ui. Minimal. Editorial. Typographic. Shaped by Print Design Principles. Available Today. Try on shadcn/create.

shadcn

166,937 views • 1 month ago

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

shadcn

131,705 views • 4 months ago

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:

shadcn

392,448 views • 1 year ago

Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe (minus the glass). Foundation. For your next app.

Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe (minus the glass). Foundation. For your next app.

shadcn

343,512 views • 2 months ago

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

shadcn

73,795 views • 1 year 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,127,114 views • 6 months ago

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 views • 3 years ago

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Atai Barkai

137,769 views • 2 months ago

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.

shadcn

72,847 views • 3 months 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

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,672 views • 3 years ago

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.

Gurbinder

74,727 views • 1 month ago

We’ve made discovering and adding registries easier. In this demo, we add two registries and ask shadcn/mcp to combine code from both. The form from blocks registry uses Radix, our app uses Base UI, but thanks to the shared abstraction (plus some CLI magic), it just works.

We’ve made discovering and adding registries easier. In this demo, we add two registries and ask shadcn/mcp to combine code from both. The form from blocks registry uses Radix, our app uses Base UI, but thanks to the shared abstraction (plus some CLI magic), it just works.

shadcn

68,092 views • 4 months ago

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.

shadcn

77,939 views • 1 month ago

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.

sadman

96,489 views • 1 year ago

I built "google" for searching shadcn blocks on the web I indexed a few shadcn blocks sites shadcnblocks @tailark cult-ui Jordan efferd ui Shaban I don't know what to name this tool, any idea?

I built "google" for searching shadcn blocks on the web I indexed a few shadcn blocks sites shadcnblocks @tailark cult-ui Jordan efferd ui Shaban I don't know what to name this tool, any idea?

Ali Bey

23,742 views • 5 months ago

Just added init support for Laravel + breeze. One command to get started: npx shadcn@latest init

Just added init support for Laravel + breeze. One command to get started: npx shadcn@latest init

shadcn

73,039 views • 1 year ago

One more thing... 🤯

One more thing... 🤯

shadcn

208,263 views • 3 years ago