Search 267 animated React components and get their props and source to install with shadcn.
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 needed to use one uibrik component: description, install commands, npm packages, import line, props, and the full source of every file it installs. Use a slug from search_components.
Component slug, e.g. "area-chart".
Include the full source of each file. Set false for just the API and install details.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http components https://uibrik.com/mcp
Everything needed to use one uibrik component: description, install commands, npm packages, import line, props, and the full source of every file it installs. Use a slug from search_components.
| Argument | Type | Description |
|---|---|---|
| slug* | string | Component slug, e.g. "area-chart". |
| include_source | boolean | Include the full source of each file. Set false for just the API and install details. |
{
"type": "object",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "Component slug, e.g. \"area-chart\"."
},
"include_source": {
"type": "boolean",
"default": true,
"description": "Include the full source of each file. Set false for just the API and install details."
}
},
"additionalProperties": false
}How to set up a project for uibrik components: Next.js, Vite, or manual copy without the shadcn CLI.
| Argument | Type | Description |
|---|---|---|
| framework | string |
{
"type": "object",
"properties": {
"framework": {
"enum": [
"nextjs",
"vite",
"manual"
],
"type": "string",
"default": "nextjs"
}
},
"additionalProperties": false
}The uibrik catalog by section and category, with every component's slug. Use it to browse before searching.
No arguments.
{
"type": "object",
"properties": {},
"additionalProperties": false
}Search uibrik's animated React components (Tailwind CSS v4, Motion, WebGL) by what they do. Use this first whenever the task is building or restyling UI in a React project. Examples: "pricing", "animated button", "uptime chart", "text reveal". Returns slugs to pass to get_component. Leave query empty to list everything in a category.
| Argument | Type | Description |
|---|---|---|
| limit | integer | Most results to return. |
| query | string | Words describing the component you need. |
| category | string | Only this category. |
{
"type": "object",
"properties": {
"limit": {
"type": "integer",
"default": 10,
"maximum": 50,
"minimum": 1,
"description": "Most results to return."
},
"query": {
"type": "string",
"description": "Words describing the component you need."
},
"category": {
"enum": [
"entrances",
"transitions",
"interactive",
"buttons",
"inputs",
"navigation",
"overlays",
"feedback",
"loaders",
"ai",
"data",
"identity",
"layout",
"media",
"stats",
"effects",
"logos",
"navbars",
"sidebars",
"faq",
"testimonials",
"pricing",
"features",
"cards",
"carousel",
"community",
"charts",
"dashboards",
"app",
"backgrounds"
],
"type": "string",
"description": "Only this category."
}
},
"additionalProperties": false
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 6, 2026.