UI wey don light

308 free web components wey dey shine for forms, charts, data and AI wey dey use agents.

Dem build am with AI, for AI. E dey work with any frontend framework.

Eleven families, one constellation.

Check live previews and di code.

Conversation and chat — Where you type chat, messages, text wey dey stream and conversation threads.
Agent tools and monitoring — Agent runs, tool calls, traces, evaluations and approval steps.
Retrieval and knowledge graphs — Knowledge graphs, citations, sources and search results.
Forms and input — Input fields, choices, validation, dates and native form behaviour.
Show data — Tables, data grids, stats, trees, heatmaps and pages.
Charts — Components wey use Chart.js plus basic charts wey no need extra dependencies.
Layout and navigation — Tabs, menus, rails, panels, command palette and page arrangement.
Overlays and feedback — Dialogs, drawers, popovers, badges, progress and status.
Document and file viewers — PDF, spreadsheet, document and archive viewers with compare and highlight features.
Media and files — Images, avatars, file input, maps and QR codes.
Helper tools — Formatters, copy/export, JSON viewer, dividers and other helpers.

Styles wey you fit combine — Pick look, surface, mode and main colour.
Translation for 71 language and region settings — 71 language options. Load only wetin you need.
Interfaces for agent work — Runs, tools, approvals. Your app still dey control.
Find the exact component contract — Find component. Read im correct API.
Fewer tokens to generate UI — AI de write 26% fewer tokens with Lyra UI.
Accessible actions dey part of the contract — Keyboard, focus and form behaviour don dey inside.