Motion-first React components for shadcn: search, read docs and get install commands.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
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.
The component slug, e.g. "button" or "hover-card", as returned by list_components or search_components.
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.
| Argument | Type | Description |
|---|---|---|
| slug* | string | The component slug, e.g. "button" or "hover-card", as returned by list_components or search_components. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"minLength": 1,
"description": "The component slug, e.g. \"button\" or \"hover-card\", as returned by list_components or search_components."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| slugs* | array | Component slugs to install, e.g. ["button", "tooltip"]. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"slugs"
],
"properties": {
"slugs": {
"type": "array",
"items": {
"type": "string",
"minLength": 1
},
"maxItems": 50,
"minItems": 1,
"description": "Component slugs to install, e.g. [\"button\", \"tooltip\"]."
}
}
}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.
No arguments.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {}
}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.
| Argument | Type | Description |
|---|---|---|
| tier | string | Only free (MIT, installable now) or only Pro components. Leave out for both. |
| industry | string | 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": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"tier": {
"enum": [
"free",
"pro"
],
"type": "string",
"description": "Only free (MIT, installable now) or only Pro components. Leave out for both."
},
"industry": {
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
],
"type": "string",
"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."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| query* | string | What the component should be or do, in a few words. |
| industry | string | 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": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"query"
],
"properties": {
"query": {
"type": "string",
"maxLength": 200,
"minLength": 1,
"description": "What the component should be or do, in a few words."
},
"industry": {
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
],
"type": "string",
"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."
}
}
}