Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

shadcn

236,693 subscribers

105,925 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von goncy.tsx

goncy.tsxvor 1 Jahr

Chadcn

Profilbild von Upper Deck

Upper Deckvor 1 Jahr

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!

Profilbild von Dan ⚡️

Dan ⚡️vor 1 Jahr

he who controls the rings controls middle earth

Profilbild von ℤ𝕂yle

ℤ𝕂ylevor 1 Jahr

GOATED update!

Profilbild von Igor bedesqui

Igor bedesquivor 1 Jahr

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

Profilbild von Jean P.D. Meijer — 🇪🇺 eu/acc

Jean P.D. Meijer — 🇪🇺 eu/accvor 1 Jahr

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

Profilbild von Zack Chapple

Zack Chapplevor 1 Jahr

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?

Profilbild von Henri Chab

Henri Chabvor 1 Jahr

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

Profilbild von Jasper Vermeulen

Jasper Vermeulenvor 1 Jahr

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

Profilbild von Dorian

Dorianvor 1 Jahr

nice!

Profilbild von 🔶 Atomic_.btc 🔸 🐧⚡

🔶 Atomic_.btc 🔸 🐧⚡vor 1 Jahr

Sweet

Ähnliche Videos

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

667,116 Aufrufe • vor 3 Jahren

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 📺

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 Aufrufe • vor 1 Jahr

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,848 Aufrufe • vor 6 Monaten

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.

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 Aufrufe • vor 4 Monaten

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.

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 Aufrufe • vor 1 Monat

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,969 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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

421,013 Aufrufe • vor 3 Jahren

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

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

Flutter

140,768 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 2 Jahren

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,839 Aufrufe • vor 1 Jahr

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

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

Flutter

33,420 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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!

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 Aufrufe • vor 4 Monaten

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

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

Loveena🕉️

41,450 Aufrufe • vor 4 Monaten

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

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 Aufrufe • vor 1 Jahr

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,598 Aufrufe • vor 1 Jahr

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

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

NFL

1,812,488 Aufrufe • vor 2 Jahren

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

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 Aufrufe • vor 1 Jahr