Загрузка видео...

Не удалось загрузить видео

На главную

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's profile picture

shadcn

231,883 subscribers

131,784 просмотров • 5 месяцев назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.
0:23

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

shadcn

92,478 просмотров • 4 месяцев назад

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.
0:29

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

667,050 просмотров • 3 лет назад

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:
0:29

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 просмотров • 5 месяцев назад

Making focus rings look great, consistent, and fully themable across all components.
0:33

Making focus rings look great, consistent, and fully themable across all components.

shadcn

105,860 просмотров • 1 год назад

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.
0:56

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 просмотров • 1 год назад

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.
0:47

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

421,013 просмотров • 3 лет назад

Your Product Deserves Better! KernUI gives you a leg up in market while letting you scale, ensuring you don’t feel boxed in my the system. ✅ Light & Dark Mode support ✅ 1600+ carefully designed icons ✅ Expansive color library with tokens ✅ Production-ready components ✅ Auto layout, variants & smart constraints ✅ Typography & spacing scales And So much More!!!
0:47

Your Product Deserves Better! KernUI gives you a leg up in market while letting you scale, ensuring you don’t feel boxed in my the system. ✅ Light & Dark Mode support ✅ 1600+ carefully designed icons ✅ Expansive color library with tokens ✅ Production-ready components ✅ Auto layout, variants & smart constraints ✅ Typography & spacing scales And So much More!!!

Shater Tsavsar ⚡︎

17,954 просмотров • 11 месяцев назад

The new CLI and registry unlock advanced theming, including custom colors, animations, icons, dependencies, and even components With remote registry support, you can now give your apps a completely different look by running a simple command. Demo 📺
1:23

The new CLI and registry unlock advanced theming, including custom colors, animations, icons, dependencies, and even components With remote registry support, you can now give your apps a completely different look by running a simple command. Demo 📺

shadcn

94,240 просмотров • 1 год назад

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.
0:36

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

208,833 просмотров • 3 лет назад

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.
0:29

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,128,717 просмотров • 7 месяцев назад

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇
0:59

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

57,819 просмотров • 1 месяц назад

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →
1:32

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,805 просмотров • 5 месяцев назад

We have also improved the init command. It now does framework detection and can initialize a brand new Next.js app and install components and routes in a single command. Go from new app to a dashboard with a sidebar and login pages in just one command.
0:39

We have also improved the init command. It now does framework detection and can initialize a brand new Next.js app and install components and routes in a single command. Go from new app to a dashboard with a sidebar and login pages in just one command.

shadcn

101,688 просмотров • 1 год назад

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on
0:40

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

shadcn

173,352 просмотров • 1 год назад

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

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

shadcn

260,487 просмотров • 1 год назад

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic
0:20

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,258 просмотров • 1 год назад

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,289 просмотров • 1 год назад

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel
0:30

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

shadcn

737,246 просмотров • 2 лет назад

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

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

shadcn

167,249 просмотров • 3 месяцев назад

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:
2:03

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,558 просмотров • 1 год назад