Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

shadcn

214,587 subscribers

105,860 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

11 Yorum

goncy.tsx profil fotoğrafı

goncy.tsx1 yıl önce

Chadcn

Upper Deck profil fotoğrafı

Upper Deck1 yıl önce

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 ⚡️ profil fotoğrafı

Dan ⚡️1 yıl önce

he who controls the rings controls middle earth

ℤ𝕂yle profil fotoğrafı

ℤ𝕂yle1 yıl önce

GOATED update!

Igor bedesqui profil fotoğrafı

Igor bedesqui1 yıl önce

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 profil fotoğrafı

Jean P.D. Meijer — 🇪🇺 eu/acc1 yıl önce

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

Zack Chapple profil fotoğrafı

Zack Chapple1 yıl önce

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 profil fotoğrafı

Henri Chab1 yıl önce

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

Jasper Vermeulen profil fotoğrafı

Jasper Vermeulen1 yıl önce

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

Dorian profil fotoğrafı

Dorian1 yıl önce

nice!

🔶 Atomic_.btc 🔸 🐧⚡ profil fotoğrafı

🔶 Atomic_.btc 🔸 🐧⚡1 yıl önce

Sweet

Benzer Videolar

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 görüntüleme • 3 yıl önce

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,240 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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,404 görüntüleme • 3 ay önce

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,717 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

Create a consistent look and feel across your Material Design app using Themes! 🎨 @khanhnwin shares how ↓

Create a consistent look and feel across your Material Design app using Themes! 🎨 @khanhnwin shares how ↓

Flutter

33,400 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

Introducing our free Figma Kit for Nuxt UI V3 ✨ • Over 40 fully customizable components with props and slots • Local variables for colors, typography, and effects • Consistent shadow and border-radius system And much more! Made by Moriceau sarah 💚

Introducing our free Figma Kit for Nuxt UI V3 ✨ • Over 40 fully customizable components with props and slots • Local variables for colors, typography, and effects • Consistent shadow and border-radius system And much more! Made by Moriceau sarah 💚

Nuxt

17,315 görüntüleme • 1 yıl önce

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,169 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,706 görüntüleme • 3 ay önce

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,053 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,230 görüntüleme • 2 yıl önce

Prior to 15 March, 2024, the Marine Corps is conducting an inspection of all barracks to ensure we are making good on our commitment to provide Marines with safe, secure, clean, and consistent living conditions across the Corps.

Prior to 15 March, 2024, the Marine Corps is conducting an inspection of all barracks to ensure we are making good on our commitment to provide Marines with safe, secure, clean, and consistent living conditions across the Corps.

U.S. Marines

49,826 görüntüleme • 2 yıl önce