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

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

225,387 subscribers

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

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

10 Yorum

shadcn profil fotoğrafı

shadcn1 yıl önce

Here's how you define a theme:

shadcn profil fotoğrafı

shadcn1 yıl önce

In the demo, we install two themes from the shadcn registry. IRL, you can install themes & components from anywhere — your own local (shared) registry, a third party registry or generated from llms such as @v0 I’m looking forward to see what this enables. (More soon)

Ansub profil fotoğrafı

Ansub1 yıl önce

bro comes to X, talks about what he shipped, leaves! keep at it 💪

Aykut profil fotoğrafı

Aykut1 yıl önce

I tried, looks cool! ✅

Parker Rex profil fotoğrafı

Parker Rex1 yıl önce

Ay thx. I made this before in my app and was total pita 🫓

0xyshv.eth profil fotoğrafı

0xyshv.eth1 yıl önce

Remote registry support is a game changer!

🦋 @lux.dev go follow me !! profil fotoğrafı

🦋 @lux.dev go follow me !!1 yıl önce

this is incredible

Joan Subirats Llaveria profil fotoğrafı

Joan Subirats Llaveria1 yıl önce

Please stop, I can't follow your rhythm!

jan profil fotoğrafı

jan1 yıl önce

when is this shipping, or has it already?

Fredkisss is on 🦋 blue sky 🦋 profil fotoğrafı

Fredkisss is on 🦋 blue sky 🦋1 yıl önce

Niiiiice !

Benzer Videolar

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

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,753 görüntüleme • 3 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 soundcn - a shadcn registry with a collection of sounds. The beloved registry now has a refreshed UI, new fonts, new colors, a new layout, and sound customization 👇

Introducing soundcn - a shadcn registry with a collection of sounds. The beloved registry now has a refreshed UI, new fonts, new colors, a new layout, and sound customization 👇

KapishDima

24,016 görüntüleme • 1 ay ö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

Thanks to shadcn – with shadcn/registry, distributing components has never been easier. Built my portfolio using a custom registry. If you saw the components I shared over time, here’s the final bento-grid combining them all.

Thanks to shadcn – with shadcn/registry, distributing components has never been easier. Built my portfolio using a custom registry. If you saw the components I shared over time, here’s the final bento-grid combining them all.

Chánh Đại

54,204 görüntüleme • 1 ay önce

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 Animations & Poses Studio is officially LIVE on Say goodbye to tedious, frame-by-frame 3D animating. Now, you can instantly give your avatars body language, movement, and a whole lot of personality in just a few clicks. Check out the demo below to see how you can generate custom animations and movements for ANY 3D avatar, yes you can even bring your custom 3D files to the studio. Monetization of animations coming soon. Jump in and start creating, and be sure to tag us with your custom animations 👇

three.ws

42,787 görüntüleme • 1 ay önce

9/10 - Pretty cool right? But there’s more. If a component is updated on the remote registry, say a dev pushes a fix or a style update...just ask the llm and it will take care of pulling, merging and applying the changes.

9/10 - Pretty cool right? But there’s more. If a component is updated on the remote registry, say a dev pushes a fix or a style update...just ask the llm and it will take care of pulling, merging and applying the changes.

shadcn

35,589 görüntüleme • 1 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.

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

Decided it's time to eliminate the painpoint of manually calculating the --task-expiry-time when a tiny miscal. with EPOCH time or CLI Command Could cause errors in Supra Automation Task Registry. Spent Weekend building a tool that removes this tedious step, it helps Devs by: > Real-time epoch countdown > Auto-calculated expiry time > Automation fee estimation > Automation Registry CLI Command Generator by Connecting Wallet and Selecting the Desired Module. > Automation Resources Quick Access Link:

Decided it's time to eliminate the painpoint of manually calculating the --task-expiry-time when a tiny miscal. with EPOCH time or CLI Command Could cause errors in Supra Automation Task Registry. Spent Weekend building a tool that removes this tedious step, it helps Devs by: > Real-time epoch countdown > Auto-calculated expiry time > Automation fee estimation > Automation Registry CLI Command Generator by Connecting Wallet and Selecting the Desired Module. > Automation Resources Quick Access Link:

Jatin Pandya

14,836 görüntüleme • 1 yıl önce

INEXCUSABLE It's been ONE YEAR since Parliament passed a law to establish a foreign influence registry. And STILL NO REGISTRY in place. For YEARS the Liberals BLOCKED the establishment of a registry. Now the new Liberal tactic appears to be ENDLESS DELAY.

INEXCUSABLE It's been ONE YEAR since Parliament passed a law to establish a foreign influence registry. And STILL NO REGISTRY in place. For YEARS the Liberals BLOCKED the establishment of a registry. Now the new Liberal tactic appears to be ENDLESS DELAY.

Michael Cooper, MP

22,574 görüntüleme • 1 yıl önce

Units are universally agentic. Your Unit can now be integrated with most tools that support custom model providers, including Cursor, Codex CLI, VS Code, and more. Here's Codex CLI setup in 30 seconds

Units are universally agentic. Your Unit can now be integrated with most tools that support custom model providers, including Cursor, Codex CLI, VS Code, and more. Here's Codex CLI setup in 30 seconds

Rei

14,983 görüntüleme • 5 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

Vite's new plugin registry is live! 🎉 Browse Vite ⚡, Rolldown, and Rollup plugins from the Vite team and the community. Filter by version compatibility to find plugins that work with your setup. And if you are a maintainer, you can add your plugin easily too

Vite's new plugin registry is live! 🎉 Browse Vite ⚡, Rolldown, and Rollup plugins from the Vite team and the community. Filter by version compatibility to find plugins that work with your setup. And if you are a maintainer, you can add your plugin easily too

VoidZero

24,403 görüntüleme • 3 ay önce

🎉DeepAgent With Databases - GOD MODE ACTIVATED! 🎉 Extremely excited to launch DeepAgent Pro with database and custom domain support With DeepAgent, you can - build apps with database support - host the app on your custom domain! - create fancy powerpoints - create storyboards and apps with the new ChatGPT image-gen - connect to Gmail, Jira, Slack, and G-Drive to automate work Watch DeepAgent one-shot a website and database creation in a minute. You can also host it using your favorite custom domain!

🎉DeepAgent With Databases - GOD MODE ACTIVATED! 🎉 Extremely excited to launch DeepAgent Pro with database and custom domain support With DeepAgent, you can - build apps with database support - host the app on your custom domain! - create fancy powerpoints - create storyboards and apps with the new ChatGPT image-gen - connect to Gmail, Jira, Slack, and G-Drive to automate work Watch DeepAgent one-shot a website and database creation in a minute. You can also host it using your favorite custom domain!

Bindu Reddy

19,455 görüntüleme • 1 yıl önce

My mind is blown. Today, I was testing the latest shadcn MCP with Figma MCP and our upcoming pro-blocks registry (CLI 3.0). It was able to create this simple landing page designed in Figma with Pro Blocks and custom styles in around 4 minutes.

My mind is blown. Today, I was testing the latest shadcn MCP with Figma MCP and our upcoming pro-blocks registry (CLI 3.0). It was able to create this simple landing page designed in Figma with Pro Blocks and custom styles in around 4 minutes.

Matt Wierzbicki

180,848 görüntüleme • 10 ay önce

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

828,798 görüntüleme • 6 gün ö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