Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe (minus the glass). Foundation. For your next app.

shadcn's profile picture

shadcn

228,827 subscribers

344,203 görüntüleme • 2 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.
0:25

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.

shadcn

78,163 görüntüleme • 1 ay ö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.
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,795 görüntüleme • 1 yıl ö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:
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,448 görüntüleme • 1 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.
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 görüntüleme • 1 yıl önce

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

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

shadcn

260,487 görüntüleme • 1 yıl önce

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀
1:08

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

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

If you're like me and are trying to study and inspect the new Liquid Glass effect, I've built a small utility app for you! Test Liquid Glass with all the different options, tinting, sizes, and backgrounds — only for macOS Tahoe for obvious reasons. 💾
0:33

If you're like me and are trying to study and inspect the new Liquid Glass effect, I've built a small utility app for you! Test Liquid Glass with all the different options, tinting, sizes, and backgrounds — only for macOS Tahoe for obvious reasons. 💾

Rafa

18,046 görüntüleme • 1 yıl önce

The new macOS Tahoe screensaver is beautiful You can set it in macOS Tahoe beta 3
2:00

The new macOS Tahoe screensaver is beautiful You can set it in macOS Tahoe beta 3

Aaron

25,555 görüntüleme • 11 ay önce

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.
0:37

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.

shadcn

72,847 görüntüleme • 3 ay ö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.
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,705 görüntüleme • 4 ay önce

introducing — Codex Desktop 📁⚡️ a torrent-style desktop app powered by Logos Storage (prev. Codex) ’s decentralisation. download for macOS Silicon : [1/4]
2:19

introducing — Codex Desktop 📁⚡️ a torrent-style desktop app powered by Logos Storage (prev. Codex) ’s decentralisation. download for macOS Silicon : [1/4]

guru (priv/acc)

32,574 görüntüleme • 11 ay önce

Introducing Luma for iOS! Create events, send SMS invites, and chat with your friends right from the Luma app.
0:34

Introducing Luma for iOS! Create events, send SMS invites, and chat with your friends right from the Luma app.

Luma

158,013 görüntüleme • 2 yıl önce

We’ve made discovering and adding registries easier. In this demo, we add two registries and ask shadcn/mcp to combine code from both. The form from blocks registry uses Radix, our app uses Base UI, but thanks to the shared abstraction (plus some CLI magic), it just works.
0:40

We’ve made discovering and adding registries easier. In this demo, we add two registries and ask shadcn/mcp to combine code from both. The form from blocks registry uses Radix, our app uses Base UI, but thanks to the shared abstraction (plus some CLI magic), it just works.

shadcn

68,092 görüntüleme • 5 ay önce

🚀 Introducing CIRCLE – An open-source template for your management projects. built with shadcn/ui and inspired by Linear's design. Additional views are under development and will be shared once ready. Check it out! 👇🏽
0:49

🚀 Introducing CIRCLE – An open-source template for your management projects. built with shadcn/ui and inspired by Linear's design. Additional views are under development and will be shared once ready. Check it out! 👇🏽

LN

39,661 görüntüleme • 1 yıl önce

Introducing Efferd v1 The best shadcn blocks library! Rebuilt from the ground up. New brand, new experience. . Base UI support alongside Radix by WorkOS . Multiple icon libraries Lucide Icons · Hugeicons · Tabler (more soon). . 100+ new blocks. . New Customizer to tailor blocks to your style, theme, font, and radius.
0:30

Introducing Efferd v1 The best shadcn blocks library! Rebuilt from the ground up. New brand, new experience. . Base UI support alongside Radix by WorkOS . Multiple icon libraries Lucide Icons · Hugeicons · Tabler (more soon). . 100+ new blocks. . New Customizer to tailor blocks to your style, theme, font, and radius.

Shaban

61,629 görüntüleme • 4 ay önce

Ghostty can be a floating Liquid Glass panel above your movie. ———————————— background-opacity = 0.0 background-blur = macos-glass-clear macos-titlebar-style = transparent
0:34

Ghostty can be a floating Liquid Glass panel above your movie. ———————————— background-opacity = 0.0 background-blur = macos-glass-clear macos-titlebar-style = transparent

Lex Tang

274,102 görüntüleme • 1 ay önce