# Eased

Lets your agent search the Eased motion component catalog, read the docs and pull install commands without leaving the chat.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: easedui
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/easedui/ui
- Updated: 2026-10-21
- HTML: https://affpapa.org/en/nevibecode/mcp/eased

## What it 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.

## Requirements
- Remote server: `https://eased.dev/api/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http eased https://eased.dev/api/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add eased --url https://eased.dev/api/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "eased": {
            "url": "https://eased.dev/api/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "eased": {
            "type": "http",
            "url": "https://eased.dev/api/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http eased https://eased.dev/api/mcp
```

## When to use it
- 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
- Find a date picker in Eased and show me the install command
- What does the `otp-field` component from Eased do?
- Show me the docs for `combobox` from Eased

## Similar
- [fluid-functionalism](https://affpapa.org/en/nevibecode/skills/fluid-functionalism.md) — skill · 603 installs
- [avoid-ai-design](https://affpapa.org/en/nevibecode/skills/avoid-ai-design.md) — skill · 641 installs
- [magic-ui](https://affpapa.org/en/nevibecode/skills/magic-ui.md) — skill · 1200 installs
- [shadcn-component-review](https://affpapa.org/en/nevibecode/skills/shadcn-component-review.md) — skill · 635 installs
- [shadcn](https://affpapa.org/en/nevibecode/skills/pymodel-shadcn.md) — skill · 458 installs
- [agent-elements](https://affpapa.org/en/nevibecode/skills/agent-elements.md) — skill · 724 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md