Introduction
Independent React components, with design and behavior you can shape.
Uthereal UI is a source foundation for building applications with consistent interactions. Every component is usable on its own, has typed arguments and defaults, and can be updated by an application or an agent.
Start with a component
Try the real dropdown, adjust its parameters, inspect the code, and explore nested actions and checkboxes. This is the first component in the library.
Three parts, one component
- Behavior: keyboard navigation, focus, positioning, and accessible semantics, powered by Zag.
- Presentation: appearance recipes, size, variant, and CSS tokens.
- Motion: named presets powered by Motion, with system reduced-motion support.
You own the component source. Supporting packages handle established interaction and animation mechanics.
Read a component page
Every page begins with a working preview and controls. Installation and usage come next, followed by examples, typed parameters, keyboard behavior, and motion.
The preview runs the actual component. Changes to the implementation appear in the documentation immediately.
Build with agents
Agents select registered components and provide validated, serializable arguments. Your application owns actions and persistent state. Learn how the agent bridge works →
Find your way
Use the grouped sidebar or press ⌘ K / Ctrl K to search. Copy a page as Markdown for an assistant, or use the agent documentation index.