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

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

На главную

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

shadcn's profile picture

shadcn

236,693 subscribers

105,925 просмотров • 1 год назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля goncy.tsx
goncy.tsx1 год назад

Chadcn

Фото профиля Upper Deck
Upper Deck1 год назад

Get inside the ring with AEW Allure cards! This 100-card base set is also packed with seven bold insert themes that bring the drama of the ring to life. It is one of the most colorful and dynamic releases of the year and your collection deserves the spotlight. Get it now!

Фото профиля Dan ⚡️
Dan ⚡️1 год назад

he who controls the rings controls middle earth

Фото профиля ℤ𝕂yle
ℤ𝕂yle1 год назад

GOATED update!

Фото профиля Igor bedesqui
Igor bedesqui1 год назад

never stop setting a high bar. once you make this, I'll have to always do it because it became baseline, and we all get a better web

Фото профиля Jean P.D. Meijer — 🇪🇺 eu/acc
Jean P.D. Meijer — 🇪🇺 eu/acc1 год назад

looks it's awesome! already noticed it. i've been grabbing Tailwind v4 components from the repo.

Фото профиля Zack Chapple
Zack Chapple1 год назад

Had a lot of folks asking about accessibility of shadcn components vs something mui and material. Is there any guidance or comments on a11y and shadcn?

Фото профиля Henri Chab
Henri Chab1 год назад

Finally 🤩 I admit I used to hide those… always looked of brand – super cool that you are bringing that upgrade 💫

Фото профиля Jasper Vermeulen
Jasper Vermeulen1 год назад

True! Gives me a great focus state indication, love that i can customize it to look better in my application..

Фото профиля Dorian
Dorian1 год назад

nice!

Фото профиля 🔶 Atomic_.btc 🔸 🐧⚡
🔶 Atomic_.btc 🔸 🐧⚡1 год назад

Sweet

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

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

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

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

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

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 месяцев назад

Today we're releasing a new set of components for building chat interfaces. We've taken the patterns we build every day, rethought the abstractions behind them, and turned them into components you can compose and customize. We're starting with the conversation layer: streaming, scrolling, messages, bubbles, attachments, and markers.
0:25

Today we're releasing a new set of components for building chat interfaces. We've taken the patterns we build every day, rethought the abstractions behind them, and turned them into components you can compose and customize. We're starting with the conversation layer: streaming, scrolling, messages, bubbles, attachments, and markers.

shadcn

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

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. ⬇️
0:25

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

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 лет назад

Learn how to use Themes to create a consistent look and feel across your Material App in Flutter. ⬇️
0:54

Learn how to use Themes to create a consistent look and feel across your Material App in Flutter. ⬇️

Flutter

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

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

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

Create a consistent look and feel across your Material Design app using Themes! 🎨 Khanh Nguyen 🥥🌴 shares how ↓
0:54

Create a consistent look and feel across your Material Design app using Themes! 🎨 Khanh Nguyen 🥥🌴 shares how ↓

Flutter

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

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 Ola Electric team has ramped up focus on customer centricity and service! Great to see happy customers across the country. Scaling Hyperservice across the country by adding technicians and shipping parts faster. Our service soon will be better than all others!
1:21

The Ola Electric team has ramped up focus on customer centricity and service! Great to see happy customers across the country. Scaling Hyperservice across the country by adding technicians and shipping parts faster. Our service soon will be better than all others!

Bhavish Aggarwal

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

Stay consistent, persevere, and know what to focus on, and what to ignore.
0:43

Stay consistent, persevere, and know what to focus on, and what to ignore.

Loveena🕉️

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

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

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

All 57 Super Bowl rings look even better on Sphere. 💍 #SBLVIII
0:58

All 57 Super Bowl rings look even better on Sphere. 💍 #SBLVIII

NFL

1,812,488 просмотров • 2 лет назад

these 3 Framer components will make your website look EXPENSIVE. comment “PREMIUM” and i'll send these and 3 more components for free. :)
0:41

these 3 Framer components will make your website look EXPENSIVE. comment “PREMIUM” and i'll send these and 3 more components for free. :)

Framer University

11,904 просмотров • 1 год назад