Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

OyunBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

shadcn profil fotoğrafı
shadcn1 yıl önce

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 profil fotoğrafı
shadcn1 yıl önce

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

shadcn profil fotoğrafı
shadcn1 yıl önce

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 profil fotoğrafı
Embarcadero Tech1 yıl önce

🔥 𝗡𝗘𝗪 𝗶𝗻 𝗖++𝗕𝘂𝗶𝗹𝗱𝗲𝗿 𝟭𝟮.𝟮: 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 profil fotoğrafı
Zach Warunek1 yıl önce

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

shadcn profil fotoğrafı
shadcn1 yıl önce

Awesome.

CodeHagen profil fotoğrafı
CodeHagen1 yıl önce

Now what im doing this weekend ✨

daniel profil fotoğrafı
daniel1 yıl önce

composable tags input—fully customizable and easy to use.

Raiyan Sarker 🇵🇸 profil fotoğrafı
Raiyan Sarker 🇵🇸1 yıl önce

is the registry generator available in this version?

shadcn profil fotoğrafı
shadcn1 yıl önce

Soon.

Tejas Nanoti profil fotoğrafı
Tejas Nanoti1 yıl önce

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

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.
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 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.
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 görüntüleme • 7 ay önce

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

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

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 6 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 9 ay önce

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

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 görüntüleme • 5 ay önce

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 görüntüleme • 9 ay önce

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 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. ⬇️
0:25

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

532,143 görüntüleme • 3 yıl önce