Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Create any UI Components in minutes⬇️

Satya

60,875 subscribers

84,772 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Jitasha Jain1 year ago

Thanks for sharing!

Adarsh1 year ago

You should create a program or something where designers can contribute Figma and Framer components and templates.

3rdSon1 year ago

@Makuochukw45478

A*1 year ago

Sprrrint internship season when

Satya1 year ago

Sooon👀

Mikky Innovate | Growth Designer1 year ago

Great tool

Himanshu Kumar1 year ago

Rapid UI design boosts productivity.

Abid I.1 year ago

Love it already!

Paul Neroxon🇺🇦1 year ago

amazing components from amazing people

Emmanuel Nwaezeoma1 year ago

This is awesome 😎

Related Videos

your app's UI has entered the chat. just register your UI components and your APIs. build an agent that speaks your interface in minutes 👇

your app's UI has entered the chat. just register your UI components and your APIs. build an agent that speaks your interface in minutes 👇

Michael Magán

105,805 views • 4 months ago

Rebuilding the Origin UI components with Base UI

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,645 views • 5 months ago

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0 Lab

15,909 views • 2 years ago

you're NGMI if you don't use any of these 10 ui libraries: > > > > > > > > > > imagine spending thousands on overpriced designers when you have prebuilt components like these go from a vibe coded landing page to a professionally designed application in <30 minutes

you're NGMI if you don't use any of these 10 ui libraries: > > > > > > > > > > imagine spending thousands on overpriced designers when you have prebuilt components like these go from a vibe coded landing page to a professionally designed application in <30 minutes

Om Patel

50,486 views • 6 months ago

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,354 views • 7 months ago

Industry standard workshop for building, documenting, and testing UI components in isolation.

Industry standard workshop for building, documenting, and testing UI components in isolation.

GitHub Projects Community

13,539 views • 1 month ago

At this point, frontend people should just leave. v0 can create better & modern GitHub UI using shadcn components. Guillermo Rauch cooked!

At this point, frontend people should just leave. v0 can create better & modern GitHub UI using shadcn components. Guillermo Rauch cooked!

Gurbinder

77,551 views • 10 months ago

Introducing API Keys Public Beta Secure your routes with Clerk's managed API keys. Let your users create and revoke keys with prebuilt UI components.

Introducing API Keys Public Beta Secure your routes with Clerk's managed API keys. Let your users create and revoke keys with prebuilt UI components.

Clerk

44,898 views • 6 months ago

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 views • 3 years ago

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Avi Chawla

123,726 views • 9 months ago

Dialog components are now available on Origin UI 🚀

Dialog components are now available on Origin UI 🚀

Pasquale Vitiello

18,952 views • 1 year ago

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Lee Robinson

92,214 views • 1 year ago

Introducing MCP UI, the SDK that wires UI components directly into the MCP protocol🤯 Watch the video to see the new phase in AI interaction! Why browse when you can have universal apps that deliver the right UI to consume any data and perform any action? Replace cumbersome walls of text with slick interactive components, bringing rich web experiences to MCP-enabled agents such as Claude and Cursor. Let’s build Jarvis so Kent C. Dodds 🏹 doesn’t have to! 🧵>>

Introducing MCP UI, the SDK that wires UI components directly into the MCP protocol🤯 Watch the video to see the new phase in AI interaction! Why browse when you can have universal apps that deliver the right UI to consume any data and perform any action? Replace cumbersome walls of text with slick interactive components, bringing rich web experiences to MCP-enabled agents such as Claude and Cursor. Let’s build Jarvis so Kent C. Dodds 🏹 doesn’t have to! 🧵>>

Ido Salomon

79,431 views • 1 year ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 views • 4 months ago

We're cracking the code on custom design systems inside . Reusable components, pixel-perfect polish, real brand DNA. Agency-grade UI, shipped in minutes. Drop “system” and I’ll show you how we’re doing it 👇

damien

114,344 views • 1 year ago

Let’s go 🚀 File upload components are now available on Origin UI!

Let’s go 🚀 File upload components are now available on Origin UI!

Pasquale Vitiello

101,289 views • 1 year ago

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Benjamin Canac

12,132 views • 3 months ago

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. ⬇️

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

531,717 views • 3 years ago

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Pietro Schirano

214,685 views • 3 months ago

The idea that every single person can create any app they want in just a few minutes really gives me joy. Here’s a fun one I made with Claude, warts and all ⬇️

The idea that every single person can create any app they want in just a few minutes really gives me joy. Here’s a fun one I made with Claude, warts and all ⬇️

Allie K. Miller

191,283 views • 1 year ago