Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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's profile picture

shadcn

237,172 subscribers

73,839 Aufrufe • vor 1 Jahr •via X (Twitter)

GamingWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von shadcn
shadcnvor 1 Jahr

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.

Profilbild von shadcn
shadcnvor 1 Jahr

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

Profilbild von shadcn
shadcnvor 1 Jahr

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.

Profilbild von Embarcadero Tech
Embarcadero Techvor 1 Jahr

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

Profilbild von Zach Warunek
Zach Warunekvor 1 Jahr

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

Profilbild von shadcn
shadcnvor 1 Jahr

Awesome.

Profilbild von CodeHagen
CodeHagenvor 1 Jahr

Now what im doing this weekend ✨

Profilbild von daniel
danielvor 1 Jahr

composable tags input—fully customizable and easy to use.

Profilbild von Raiyan Sarker 🇵🇸
Raiyan Sarker 🇵🇸vor 1 Jahr

is the registry generator available in this version?

Profilbild von shadcn
shadcnvor 1 Jahr

Soon.

Profilbild von Tejas Nanoti
Tejas Nanotivor 1 Jahr

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

Ä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.
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 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.
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,734 Aufrufe • vor 7 Monaten

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 📺
1:23

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

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!
1:08

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

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.
1:00

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

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

73,062 Aufrufe • vor 5 Monaten

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

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

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
0:40

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

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

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! 🚀
0:32

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

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
0:20

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

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.
0:43

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

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,130,294 Aufrufe • vor 8 Monaten

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...
1:44

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

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

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

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.
0:24

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

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 ✨
0:26

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

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!
4:32

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

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.
0:29

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