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.

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

GitHub Projects Community

321,670 subscribers

13,539 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Ukraine struck Russia’s Titan-Barrikady defense plant in Volgograd with 5 FP-5 Flamingo missiles, with at least 3 reaching the target. Preliminary geoint data indicates hits on Workshop No. 2, the production building of Workshop No. 38 and another workshop. The plant produces launchers and components for Iskander-M, Yars and Topol-M missile systems. #Ukraine

Ukraine struck Russia’s Titan-Barrikady defense plant in Volgograd with 5 FP-5 Flamingo missiles, with at least 3 reaching the target. Preliminary geoint data indicates hits on Workshop No. 2, the production building of Workshop No. 38 and another workshop. The plant produces launchers and components for Iskander-M, Yars and Topol-M missile systems. #Ukraine

NOELREPORTS 🇪🇺 🇺🇦

50,210 views • 2 days ago

Alignment Workshop: Experts discuss building trustworthy & secure AI. Follow us for insights from industry, academia & governance.

Alignment Workshop: Experts discuss building trustworthy & secure AI. Follow us for insights from industry, academia & governance.

FAR.AI

3,580,834 views • 11 months ago

Create any UI Components in minutes⬇️

Create any UI Components in minutes⬇️

Satya

84,772 views • 1 year ago

"Everything flows" Testing the trader and city UI options — this time in Massilia. #pixelart #UI

"Everything flows" Testing the trader and city UI options — this time in Massilia. #pixelart #UI

Rodwan | Pixel Formation

14,196 views • 26 days ago

"UI Testing Grounds" This menu was used for testing and working on all the new UI styles and Item Cards that were added for use in Online Test 11. (The "Fire a Toast" as it says doesn't work)

"UI Testing Grounds" This menu was used for testing and working on all the new UI styles and Item Cards that were added for use in Online Test 11. (The "Fire a Toast" as it says doesn't work)

Lost Of Fortnite

16,674 views • 2 years ago

🤯Welcome to the golden age of Web UI! With Chrome's declarative APIs, building complex UI patterns is easier than ever. Are you ready for more accessible, performant, and declarative components? Learn more from Developer Relations Engineer Una 🇺🇦 →

🤯Welcome to the golden age of Web UI! With Chrome's declarative APIs, building complex UI patterns is easier than ever. Are you ready for more accessible, performant, and declarative components? Learn more from Developer Relations Engineer Una 🇺🇦 →

Chrome for Developers

14,375 views • 1 year ago

Rebuilding the Origin UI components with Base UI

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,723 views • 5 months ago

🛠️ Workshop is your AI for advanced, customizable components. Just describe what you need and unlock dev-level power without writing any code. Workshop keeps getting better and better.

🛠️ Workshop is your AI for advanced, customizable components. Just describe what you need and unlock dev-level power without writing any code. Workshop keeps getting better and better.

Framer

74,808 views • 1 year ago

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,126 views • 5 months ago

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

56,424 views • 17 days ago

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

ElevenLabs

241,798 views • 8 months ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

29,378 views • 8 days ago

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 views • 10 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

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

Meng To

67,089 views • 1 year ago

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

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 are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 views • 5 months ago

Try out GPT-V in Cursor! It's pretty good for building/modifying components!

Try out GPT-V in Cursor! It's pretty good for building/modifying components!

Aman Sanger

195,264 views • 2 years 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,155 views • 3 months ago