Loading video...

Video Failed to Load

Go Home

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's profile picture

LiveKit

9,791 subscribers

182,500 views • 3 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We shipped the tutorial for Agents UI. In 5 minutes you'll have a fully wired voice agent frontend with audio visualizers, media controls, and session management built directly into your codebase. Watch it, build it, own it. shadcn inside™.
11:49

We shipped the tutorial for Agents UI. In 5 minutes you'll have a fully wired voice agent frontend with audio visualizers, media controls, and session management built directly into your codebase. Watch it, build it, own it. shadcn inside™.

LiveKit

20,232 views • 3 months ago

We shipped Agent Console, a realtime debugging surface for voice agents. Talk to your agent and see the entire pipeline live, from audio and latency to tool calls, transcripts, and participant state. Available now in the LiveKit Cloud dashboard.
4:52

We shipped Agent Console, a realtime debugging surface for voice agents. Talk to your agent and see the entire pipeline live, from audio and latency to tool calls, transcripts, and participant state. Available now in the LiveKit Cloud dashboard.

LiveKit

11,915 views • 2 months ago

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.
0:25

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.

Lior⚡

15,514 views • 11 months ago

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵
0:28

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

serafim

41,784 views • 1 month ago

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.
0:29

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

shadcn

1,127,267 views • 6 months 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
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,707 views • 8 months ago

Introducing mem0 CLI 🚀 Give your agents memory from the terminal - add, search, and retrieve memory - remember agents + developers's preference - agent-first, JSON schema-driven We built mem0 CLI to help agents remember Get started npm install -g @mem0/cli Open source 👇
0:36

Introducing mem0 CLI 🚀 Give your agents memory from the terminal - add, search, and retrieve memory - remember agents + developers's preference - agent-first, JSON schema-driven We built mem0 CLI to help agents remember Get started npm install -g @mem0/cli Open source 👇

Taranjeet

20,443 views • 2 months ago

You can now deploy AI voice agents to LiveKit Cloud. We handle: • Stateful load balancing • Capacity management • Draining and instant rollbacks • Operational observability
0:55

You can now deploy AI voice agents to LiveKit Cloud. We handle: • Stateful load balancing • Capacity management • Draining and instant rollbacks • Operational observability

LiveKit

67,877 views • 10 months ago

▲ Introducing AI Elements by Vercel The shadcn component library for building AI-native apps. $ npx ai-elements
1:01

▲ Introducing AI Elements by Vercel The shadcn component library for building AI-native apps. $ npx ai-elements

Hayden Bleasel

180,179 views • 10 months ago

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI
0:47

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI

Zernonia

295,914 views • 2 years ago

Introducing open-slide - The slide framework built for agents. Prompt your agent, get a polished deck. $ npx @⁠open-slide/cli init 👇
2:06

Introducing open-slide - The slide framework built for agents. Prompt your agent, get a polished deck. $ npx @⁠open-slide/cli init 👇

Yiwei Ho

452,198 views • 1 month ago

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.
6:08

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,446 views • 1 year ago

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,795 views • 1 year ago

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 views • 1 year ago

Introducing @opensea/cli — the OpenSea skill for your AI agents. Query NFTs, listings, swaps & more from your terminal. Or install it as a skill to power up your agents with deep onchain data from OpenSea. npm install -g @opensea/cli Your agents will thank you 🫡
0:24

Introducing @opensea/cli — the OpenSea skill for your AI agents. Query NFTs, listings, swaps & more from your terminal. Or install it as a skill to power up your agents with deep onchain data from OpenSea. npm install -g @opensea/cli Your agents will thank you 🫡

OpenSea

297,697 views • 3 months ago

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:
0:29

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 views • 4 months ago

Introducing web-agent, an open framework for building web agents 🔥 Build AI agents that search, scrape, and interact with the web - powered by the same architecture behind our /agent endpoint. 100% open source. Bring any model. Anthropic, OpenAI, or your own.
0:25

Introducing web-agent, an open framework for building web agents 🔥 Build AI agents that search, scrape, and interact with the web - powered by the same architecture behind our /agent endpoint. 100% open source. Bring any model. Anthropic, OpenAI, or your own.

Firecrawl

122,999 views • 2 months ago

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide
0:59

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Maximilian Kaske 🏓

35,666 views • 10 months ago

🦜🤖Introducing Open Agent Platform An open-source, no-code agent building platform. OAP enables non-developers to build highly customizable agents, which connect to: - 🛠️MCP Tools - 📄LangConnect for RAG - 🤖Other LangGraph Agents! Try the public demo, or fork & customize it yourself! 🧵
0:32

🦜🤖Introducing Open Agent Platform An open-source, no-code agent building platform. OAP enables non-developers to build highly customizable agents, which connect to: - 🛠️MCP Tools - 📄LangConnect for RAG - 🤖Other LangGraph Agents! Try the public demo, or fork & customize it yourself! 🧵

LangChain

136,945 views • 1 year ago

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source
0:24

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source

Micky

42,190 views • 1 month ago