Eased — Claude Code MCP server: find shadcn components
Lets your agent search the Eased motion component catalog, read the docs and pull install commands without leaving the chat.
claude mcp add --transport http eased https://eased.dev/api/mcpWhat Eased does
Eased is a set of animated React components built for shadcn. The MCP server exposes that catalog to your coding agent, so it can look up a component, check its docs and hand you the install line.
It runs over HTTP at https://eased.dev/api/mcp. Claude needs a single command; Cursor and GitHub Copilot take a JSON block in their config. The server serves catalog data only — it does not write component code for you.
Components come in through the shadcn CLI, either by registry name or by URL. The CLI drops the source into components/eased/<name>/, pulls the npm packages and merges the stylesheet into your global CSS. React 19, Tailwind CSS v4 and a components.json are required; without that file run npx shadcn init first.
What it helps with
- find an animated component that fits a UI task
- get the install command without opening the docs site
- read component documentation inside the editor
- add a motion component to a shadcn project
- check which npm packages a component pulls in
Example prompts for the agent
- Find a date picker in Eased and show me the install command
- What does the
otp-fieldcomponent from Eased do? - Show me the docs for
comboboxfrom Eased
How to install Eased
Platform CLI: remote server
claude mcp add --transport http eased https://eased.dev/api/mcpPlatform CLI: remote server
codex mcp add eased --url https://eased.dev/api/mcpConfig file
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}Config file
{
"servers": {
"eased": {
"type": "http",
"url": "https://eased.dev/api/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http eased https://eased.dev/api/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Eased
How do I install Eased in Claude Code?
Run claude mcp add --transport http eased https://eased.dev/api/mcp. The server connects over HTTP and needs no API key.
What does Eased do?
It gives your agent access to the Eased catalog of motion components for shadcn: search, docs and install commands. It does not install components itself.
What do Eased components require?
React 19, Tailwind CSS v4 and a components.json in your project. If the file is missing, run npx shadcn init.
