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.

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 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von shadcn

shadcnvor 1 Jahr

Here's how you define a theme:

Profilbild von shadcn

shadcnvor 1 Jahr

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)

Profilbild von Ansub

Ansubvor 1 Jahr

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

Profilbild von Aykut

Aykutvor 1 Jahr

I tried, looks cool! ✅

Profilbild von Parker Rex

Parker Rexvor 1 Jahr

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

Profilbild von 0xyshv.eth

0xyshv.ethvor 1 Jahr

Remote registry support is a game changer!

Profilbild von 🦋 @lux.dev go follow me !!

🦋 @lux.dev go follow me !!vor 1 Jahr

this is incredible

Profilbild von Joan Subirats Llaveria

Joan Subirats Llaveriavor 1 Jahr

Please stop, I can't follow your rhythm!

Profilbild von jan

janvor 1 Jahr

when is this shipping, or has it already?

Profilbild von Fredkisss is on 🦋 blue sky 🦋

Fredkisss is on 🦋 blue sky 🦋vor 1 Jahr

Niiiiice !

Ähnliche Videos

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Aufrufe • vor 10 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

832,108 Aufrufe • vor 7 Tagen

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