Zenora UI MCP Server
Connect Zenora UI to Claude, Cursor, or any MCP-compatible client. Your agent can then search all 28 animated components and pull their full React + TypeScript source directly into your project, with no copy-pasting from the browser.
Claude Code
Add the server with a single command.
claude mcp add --transport http zenora-ui https://www.zenora-ui.in/api/mcpCursor, Claude Desktop & others
Add this to your client's MCP configuration file.
{
"mcpServers": {
"zenora-ui": {
"type": "http",
"url": "https://www.zenora-ui.in/api/mcp"
}
}
}Endpoint
Streamable HTTP transport. A GET returns a small status payload you can check in a browser.
https://www.zenora-ui.in/api/mcpAvailable tools
list_components(category?)Lists every component with its slug, category, and description. The place to start.
search_components(query)Keyword search across names, categories, descriptions, and feature lists.
get_component(slug, props?)Returns the full React + TypeScript source for one component, plus its props, npm dependencies, and the static assets it references.
Try it
Once connected, ask your agent things like:
- ·“What animated components are available in Zenora UI?”
- ·“Find me a scroll-driven text reveal and add it to my landing page.”
- ·“Pull in the Luma Login Card component and wire it up with my own images.”
Prefer a CLI?
The same registry backs the command line, if you would rather add components yourself.
npx zenora-ui-registry@latest listnpx zenora-ui-registry@latest add luma-login-cardREST alternative
The same catalogue is available over plain HTTP if you would rather not use MCP.
curl https://www.zenora-ui.in/api/componentscurl https://www.zenora-ui.in/api/components/luma-login-card