Loading video...

Video Failed to Load

Go Home

CodeHagen ok done. you can now migrate your ui components between icon libraries.

shadcn's profile picture

shadcn

234,853 subscribers

81,758 views • 1 day ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.
0:19

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,207 views • 4 months ago

You can now map multiple code files to Figma components in the Code Connect UI
0:19

You can now map multiple code files to Figma components in the Code Connect UI

Figma

76,241 views • 4 months ago

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!
0:15

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 views • 1 year ago

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.
0:15

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

shadcn

139,117 views • 2 years ago

I created the most exquisite One UI icon: amber icon. You can even see insects in the icon.
0:16

I created the most exquisite One UI icon: amber icon. You can even see insects in the icon.

Ice Universe

23,809 views • 7 months ago

📣FAR TOKEN MIGRATION IS NOW LIVE! You can now migrate your $FAR tokens. Here's the link to migrate👇🏼 For step by step instructions👇🏼
0:16

📣FAR TOKEN MIGRATION IS NOW LIVE! You can now migrate your $FAR tokens. Here's the link to migrate👇🏼 For step by step instructions👇🏼

FAR Labs

21,831 views • 7 months ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,071 views • 4 months ago

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!
0:12

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!

Pasquale Vitiello

42,712 views • 1 year ago

🚀 Timeline components are now available on Origin UI!
0:15

🚀 Timeline components are now available on Origin UI!

Pasquale Vitiello

30,751 views • 1 year ago

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.
0:18

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.

shadcn

36,616 views • 4 months ago

You can now buy $K from your Kinto wallet in the Swap UI.
0:19

You can now buy $K from your Kinto wallet in the Swap UI.

Kinto

16,372 views • 1 year ago

you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.
0:11

you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.

andrew gao

1,826,166 views • 4 months ago

With Design Mode, you can now point, draw, or talk to update your UI.
0:15

With Design Mode, you can now point, draw, or talk to update your UI.

Cursor

1,955,246 views • 1 month ago

You can now build translucent dropdown menus, selects, and comboboxes on shadcn/create. Mix in your custom styles, icons, fonts, and radii and build something different. Your own preset. All it takes is a few clicks.
0:13

You can now build translucent dropdown menus, selects, and comboboxes on shadcn/create. Mix in your custom styles, icons, fonts, and radii and build something different. Your own preset. All it takes is a few clicks.

shadcn

153,679 views • 4 months ago

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!
0:14

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!

Hugo

41,528 views • 1 year ago

Why just talk to your AI agent when you can interact with it? Now you can, with MCP-UI. Live in goose 1.3.0 🎉
0:10

Why just talk to your AI agent when you can interact with it? Now you can, with MCP-UI. Live in goose 1.3.0 🎉

Block Open Source

147,619 views • 11 months ago

You can now jump to the code for components in Design Mode.
0:13

You can now jump to the code for components in Design Mode.

v0

60,563 views • 1 year ago

We’ve added a new command: npx shadcn apply. Instantly apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once. Apply. Test. Repeat.
0:19

We’ve added a new command: npx shadcn apply. Instantly apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once. Apply. Test. Repeat.

shadcn

137,300 views • 3 months ago

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇
0:15

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇

CopilotKit🪁

33,444 views • 10 months ago