正在加载视频...

视频加载失败

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

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

237,172 subscribers

73,839 次观看 • 1 年前 •via X (Twitter)

游戏科学技术教育

Anya Rossi• Live Now

Private livecam show

11 条评论

shadcn 的头像

shadcn1 年前

For example: If you run npx shadcn@canary add login-01, the CLI will: ✓ Install button, label, and input under packages/ui. ✓ Place login-form in apps/web/components. ✓ Rewire the imports accordingly.

shadcn 的头像

shadcn1 年前

You can read more about monorepos and test the canary release today at

shadcn 的头像

shadcn1 年前

This is the last release for the year. Thanks everyone for using and helping with the project. It's been incredible. I've got so many things to show you when we get back.

Embarcadero Tech 的头像

Embarcadero Tech1 年前

🔥 𝗡𝗘𝗪 𝗶𝗻 𝗖++𝗕𝘂𝗶𝗹𝗱𝗲𝗿 𝟭𝟮.𝟮: Update to #compiler for #Win64 includes consumption & production of runtime packages, support for all component packages, and parallelized batch compilation. 𝙎𝙚𝙚 𝙒𝙝𝙖𝙩'𝙨 𝙉𝙚𝙬: #CBuilder #Clang #tools

Zach Warunek 的头像

Zach Warunek1 年前

This is what I’ve been waiting for. Time to fully support in our new monorepo at 𝕏

shadcn 的头像

shadcn1 年前

Awesome.

CodeHagen 的头像

CodeHagen1 年前

Now what im doing this weekend ✨

daniel 的头像

daniel1 年前

composable tags input—fully customizable and easy to use.

Raiyan Sarker 🇵🇸 的头像

Raiyan Sarker 🇵🇸1 年前

is the registry generator available in this version?

shadcn 的头像

shadcn1 年前

Soon.

Tejas Nanoti 的头像

Tejas Nanoti1 年前

The timing couldn't have been more accurate! Just made my first working monorepo today and you announced support for it. LFG🚀🚀

相关视频

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 年前

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

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

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 次观看 • 1 年前

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 次观看 • 5 个月前

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

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

shadcn

73,062 次观看 • 5 个月前

2 years of UI ideas. 158 components. 1 sandbox. Readapted for coss ui — add them via the shadcn CLI 100% free, no signup

2 years of UI ideas. 158 components. 1 sandbox. Readapted for coss ui — add them via the shadcn CLI 100% free, no signup

Sean brydon

135,469 次观看 • 4 个月前

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

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

The CLI is clearly becoming a dominant surface area for developer productivity. It offers an ergonomic feel that makes it easier to switch between tools. So to make our signals-based observability for agents even easier to consume, we've completely revamped plano cli to be an agent+developer friendly experience No UI installs, no additional dependencies needed - just high-fidelity agentic signals and tracing right from the cli! 🚀

The CLI is clearly becoming a dominant surface area for developer productivity. It offers an ergonomic feel that makes it easier to switch between tools. So to make our signals-based observability for agents even easier to consume, we've completely revamped plano cli to be an agent+developer friendly experience No UI installs, no additional dependencies needed - just high-fidelity agentic signals and tracing right from the cli! 🚀

Salman Paracha

11,519 次观看 • 6 个月前

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

61,422 次观看 • 2 个月前

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,463 次观看 • 6 个月前

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.

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,130,294 次观看 • 8 个月前

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

Rexan Wong

276,678 次观看 • 9 个月前

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

Ibelick

118,790 次观看 • 1 年前

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.

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

346,520 次观看 • 5 个月前

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,373 次观看 • 9 个月前

My new workflow for building UI super fast: - v0 to generate the starting point - Reweb visual editor to customize it fast - shadcn CLI to add it to my codebase in one command Let me know what you think!

My new workflow for building UI super fast: - v0 to generate the starting point - Reweb visual editor to customize it fast - shadcn CLI to add it to my codebase in one command Let me know what you think!

Mattia

142,075 次观看 • 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

667,576 次观看 • 3 年前