UICapsule

com.uicapsulePublished by uicapsule.comOfficial publisherv1.0.0Updated Oct 27, 2026

Search and install interactive React components with unusual motion, via the shadcn CLI.

VerifiedStreamable HTTPWeb executableDeveloper ToolsMedia & Design

Overview

AI-generated overview

Remote MCP server for the UICapsule catalog that lets an assistant search interactive React components and fetch their install command, dependencies and source.

What you can do
  • Search the UICapsule component catalog by what a component does or looks like, or list everything newest first with an empty query
  • Retrieve a single component by slug, including its install command, npm dependencies and the full source of every file it ships
When to use it
Useful when building a React or shadcn-based interface and you want an assistant to find a suitable animated or interactive component and get the exact install command and source to add it.
Requirements
A remote Streamable HTTP endpoint; no package, environment variables or headers are declared. The README shows adding it with the claude mcp add command using the server's MCP URL. Installing the components themselves uses the shadcn CLI.
Before you install
Component source and install commands come from a third party; review the code and npm dependencies before adding them to a project. No authentication is declared for the endpoint.

Installation

In SourceWeft

  1. Open UICapsule in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/com.uicapsule%2Fcomponents/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config.

{
  "mcpServers": {
    "uicapsule": {
      "type": "http",
      "url": "https://www.uicapsule.com/mcp"
    }
  }
}

README

UICapsule

A curated collection of components that spark joy

Install a component

bash
npx shadcn@latest add @uicapsule/<slug>

Browse www.uicapsule.com for slugs.

MCP

Let your agent search and install components by what they do:

bash
claude mcp add --transport http uicapsule https://www.uicapsule.com/mcp

Any client that speaks Streamable HTTP works with the same URL. Also listed in the MCP Registry as com.uicapsule/components.

Source: README.md at commit 3f88cef

Tools

2

get_component

Get component

Get one component by slug: its install command, npm dependencies, and the full source of every file it ships.

Parametersslugrequired

search_components

Search components

Search the UICapsule catalog by what a component does or looks like. An empty query lists everything, newest first.

Parameterstagslimitquery

Version history

1
  1. v1.0.0LatestSep 29, 2026

Score

100% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 daysRequired25 pts
  • Auth declaredRequired10 pts
  • Tools listedRequired15 pts
  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts