99 components to explore
Browse AI interfaces, dashboard elements, forms, website sections, and motion components in a searchable visual library.
THE STORY
Why this exists.
The problem
Finding a component is only the beginning. You still need to understand its behavior, find the right source, check its dependencies, and explain how it fits to the agent helping you build.
The approach
Put the visual catalog, component documentation, examples, and source behind one library. People can browse and try the components; agents can discover the same building blocks through MCP.
The useful parts.
What the product brings into one place.
Made for your agent, too
An MCP connection lets a coding agent find components and retrieve their source and usage examples.
See the interaction first
Live previews and a playground show how a component behaves before it becomes part of your product.
A practical path into your code
Use the React SDK or the source installation workflow, with documentation and dependency information alongside the component.
From start to outcome.
Walk through the product, one step at a time.
STEP 01 OF 04
Find the right building block
Browse the catalog by the interface you are making. Open a component to see its preview, details, and related examples.
WHAT THIS GIVES YOUA concrete component to build around.
Behind the build.
Decisions, boundaries, and the current state of the work.
Zeus brings discovery, documentation, previews, and agent access together. React and Tailwind CSS are the foundation of the component collection.
