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

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

На главную

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

226,887 subscribers

131,705 просмотров • 4 месяцев назад •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,346 просмотров • 3 месяцев назад

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

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

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0
1:25

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

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

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

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

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 год назад

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.
1:00

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 просмотров • 2 месяцев назад

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed
0:21

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

ElevenLabs

241,707 просмотров • 8 месяцев назад

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨
0:26

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,236 просмотров • 7 месяцев назад

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,807 просмотров • 2 лет назад

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

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇
0:35

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 просмотров • 9 месяцев назад

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

54,865 просмотров • 4 дней назад

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

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 год назад

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓
0:44

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓

Evan Bacon 🥓

113,959 просмотров • 1 год назад

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊
0:32

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊

David Hill

18,858 просмотров • 8 месяцев назад