Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

GithubProjects's profile picture

GitHub Projects Community

321,670 subscribers

13,539 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Been quietly building Aaru's new design system and porting it into code over the past week. Components built on Base UI, one at a time, all living in our own custom "storybook". Started with the Figma tokens, ended up fine-tuning everything in code, as colours and type just render differently in the browser. Now testing patterns and moving into layouts. Honestly the biggest unlock for design handover I've had in years. Next up: documenting each component's usage for agent use. Recommendations welcome.
1:15

Been quietly building Aaru's new design system and porting it into code over the past week. Components built on Base UI, one at a time, all living in our own custom "storybook". Started with the Figma tokens, ended up fine-tuning everything in code, as colours and type just render differently in the browser. Now testing patterns and moving into layouts. Honestly the biggest unlock for design handover I've had in years. Next up: documenting each component's usage for agent use. Recommendations welcome.

Muharrem Şenyıl

43,924 görüntüleme • 10 gün önce

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
0:01

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 🇪🇺 🇺🇦

51,273 görüntüleme • 27 gün önce

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

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

FAR.AI

3,580,834 görüntüleme • 1 yıl önce

Build and customize droids using authentic blueprints, manage your galactic workshop, and unlock rare components in Star Wars Droid Tycoon for Fortnite!
0:34

Build and customize droids using authentic blueprints, manage your galactic workshop, and unlock rare components in Star Wars Droid Tycoon for Fortnite!

IGN

70,140 görüntüleme • 2 ay önce

Create any UI Components in minutes⬇️
0:29

Create any UI Components in minutes⬇️

Satya

84,772 görüntüleme • 1 yıl önce

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

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

Rodwan | Pixel Formation

14,238 görüntüleme • 1 ay önce

"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)
1:45

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

🤯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 🇺🇦 →
0:30

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

🛠️ 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.
2:19

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

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 👇
0:59

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

57,819 görüntüleme • 1 ay önce

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

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

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
0:21

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

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.
0:37

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

19,214,744 görüntüleme • 1 ay önce

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.
1:14

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

84,239 görüntüleme • 1 ay önce

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 👇
0:35

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

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

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

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 👇
0:52

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

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

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

Aman Sanger

195,264 görüntüleme • 2 yıl önce

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 ✨
0:58

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

19,269 görüntüleme • 5 ay önce

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

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