Eased
Motion-first React components for shadcn: search, read docs and get install commands.
Should I use this
Quality & Safety
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.
Install
One-Click Install
Add this to your `claude_desktop_config.json` file:
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}Remote endpoints
https://eased.dev/api/mcpstreamable-httpWhat it can do
Tool inventory
Tools (5)
🟢get_skill
The Eased design skill as Markdown: how to install and compose Eased components, the tokens, and the checkable rules every component is built on (alignment, the 1:2 spacing ratio, concentric radii, springs per role, enter and exit, focus rings, reduced motion). Call it first, before you build or change UI with Eased, and follow it while you work.
Input Schema
{
"type": "object",
"properties": {},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢list_components(tier, industry)
List every Eased component (motion-first React components installed with the shadcn CLI) in catalogue order, with slug, title, one-line summary, tier (free or pro), interaction verb (Hover, Press, Drag, Slide, Select, Type, Loading, Scroll), the industries it suits and page URL. Use it to browse what exists, optionally for one industry (e.g. crypto, legal); use search_components to find one for a specific need.
Input Schema
{
"type": "object",
"properties": {
"tier": {
"description": "Only free (MIT, installable now) or only Pro components. Leave out for both.",
"type": "string",
"enum": [
"free",
"pro"
]
},
"industry": {
"description": "Only components tagged for this industry: ai (AI agents), devtools (developer tools), finance (fintech and FX), crypto (crypto), saas (SaaS analytics), legal (legal tech), ecommerce (e-commerce), real-estate (real estate and CRE), health (health tech), hr (HR and recruiting), education (edtech), travel (travel and booking), media (creator tools). Leave out for every industry.",
"type": "string",
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
]
}
},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢search_components(query, industry)
Find Eased components for a need, e.g. "loading state", "tooltip", "drag to adjust a number" or "tabs with a sliding indicator". Matches title, slug, interaction verb, description and README docs, best match first; pass industry to keep to one (e.g. "a swap UI" for crypto). Follow up with get_component for docs and source.
Input Schema
{
"type": "object",
"properties": {
"query": {
"type": "string",
"minLength": 1,
"maxLength": 200,
"description": "What the component should be or do, in a few words."
},
"industry": {
"description": "Only components tagged for this industry: ai (AI agents), devtools (developer tools), finance (fintech and FX), crypto (crypto), saas (SaaS analytics), legal (legal tech), ecommerce (e-commerce), real-estate (real estate and CRE), health (health tech), hr (HR and recruiting), education (edtech), travel (travel and booking), media (creator tools). Leave out for every industry.",
"type": "string",
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
]
}
},
"required": [
"query"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_component(slug)
Everything about one Eased component as Markdown: title, description, tier, README docs (usage, props, motion signature), install command and dependencies. Free components also include the full source of their files and a demo showing real usage, so you can read or adapt the code. Pro components return docs and metadata only, unless this server was added with an Eased Pro token header, in which case their source comes too.
Input Schema
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"minLength": 1,
"description": "The component slug, e.g. \"button\" or \"hover-card\", as returned by list_components or search_components."
}
},
"required": [
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_install_command(slugs)
One `npx shadcn add …` command that installs the given Eased components (and their tokens and helpers) into the current project. Only free components install from the public registry; Pro components are listed separately as requiring Eased Pro.
Input Schema
{
"type": "object",
"properties": {
"slugs": {
"minItems": 1,
"maxItems": 50,
"type": "array",
"items": {
"type": "string",
"minLength": 1
},
"description": "Component slugs to install, e.g. [\"button\", \"tooltip\"]."
}
},
"required": [
"slugs"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}Community
Evidence