Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

You can now import any Motion-Primitives component with the shadcn CLI 🤝

Ibelick's profile picture

Ibelick

7,074 subscribers

66,463 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

7 Kommentare

Profilbild von Ilyich Vismara
Ilyich Vismaravor 1 Jahr

@shadcn That's great. Finally someone recognizing the power of a custom shadcn registry. You should give a try to to generate yours :)

Profilbild von Lawted
Lawtedvor 1 Jahr

@shadcn Cool

Profilbild von Dami Dina
Dami Dinavor 1 Jahr

@shadcn Very nice!

Profilbild von Md. Shahinur Rahman
Md. Shahinur Rahmanvor 1 Jahr

@shadcn can you please share how you created this type of mini video..

Profilbild von Ed ✦
Ed ✦vor 1 Jahr

@shadcn Wow

Profilbild von Malthe Hartmann
Malthe Hartmannvor 1 Jahr

@shadcn lfg 📈

Profilbild von Morgan - Freelance frontend developer
Morgan - Freelance frontend developervor 1 Jahr

@shadcn Looks very decent

Ähnliche Videos

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 11 Monaten

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

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

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

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.
0:26

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,338 Aufrufe • vor 1 Jahr

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider
0:30

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

Chánh Đại

15,137 Aufrufe • vor 2 Monaten

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 Aufrufe • vor 2 Jahren

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

59,045 Aufrufe • vor 18 Tagen

You can now import your own shadcn theme as a design system in v0.
0:57

You can now import your own shadcn theme as a design system in v0.

v0

21,687 Aufrufe • vor 6 Monaten

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.
6:50

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Mckay Wrigley

299,631 Aufrufe • vor 1 Jahr

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 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 1 Jahr

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

72,847 Aufrufe • vor 3 Monaten

The most underrated thing about shadcn: it has NO opinion on how your app should feel. YOU bring the personality. YOU bring the taste. Shadcn/ui primitives give you the best place to start. Here's what mine became (fully open source) Thank you shadcn
1:00

The most underrated thing about shadcn: it has NO opinion on how your app should feel. YOU bring the personality. YOU bring the taste. Shadcn/ui primitives give you the best place to start. Here's what mine became (fully open source) Thank you shadcn

Micka

92,710 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

182,672 Aufrufe • vor 4 Monaten

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀
1:42

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,887 Aufrufe • vor 1 Jahr

Have you ever ran Gemini CLI in Gemini CLI.... Interactively? 😎 Gal has done magic. Gemini CLI now lets you interact with any interactive command. Enjoy!
0:23

Have you ever ran Gemini CLI in Gemini CLI.... Interactively? 😎 Gal has done magic. Gemini CLI now lets you interact with any interactive command. Enjoy!

N. Taylor Mullen

98,954 Aufrufe • vor 8 Monaten

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.
1:05

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Micka

40,497 Aufrufe • vor 2 Monaten

Made a Phone Input component with shadcn ui and libphonenumber-js
0:37

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 Aufrufe • vor 2 Jahren

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

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle
0:23

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle

Chánh Đại

11,928 Aufrufe • vor 2 Monaten