正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

10 条评论

shadcn 的头像

shadcn1 年前

Here's how you define a theme:

shadcn 的头像

shadcn1 年前

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 的头像

Ansub1 年前

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

Aykut 的头像

Aykut1 年前

I tried, looks cool! ✅

Parker Rex 的头像

Parker Rex1 年前

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

0xyshv.eth 的头像

0xyshv.eth1 年前

Remote registry support is a game changer!

🦋 @lux.dev go follow me !! 的头像

🦋 @lux.dev go follow me !!1 年前

this is incredible

Joan Subirats Llaveria 的头像

Joan Subirats Llaveria1 年前

Please stop, I can't follow your rhythm!

jan 的头像

jan1 年前

when is this shipping, or has it already?

Fredkisss is on 🦋 blue sky 🦋 的头像

Fredkisss is on 🦋 blue sky 🦋1 年前

Niiiiice !

相关视频

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 次观看 • 1 年前

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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 3 年前

📸 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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 5 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 5 个月前

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 次观看 • 1 年前

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 次观看 • 3 个月前

🎉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 次观看 • 1 年前

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 次观看 • 10 个月前

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

830,368 次观看 • 7 天前

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 次观看 • 3 个月前