UICapsule

com.uicapsulev1.0.0Updated Sep 29, 2026

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

VerifiedStreamable HTTPWeb executableDeveloper ToolsMedia & Design

Overview

AI-generated overview

Lets an assistant search a curated library of interactive React components and install them into a project via the shadcn CLI.

What it does
UICapsule exposes a catalog of curated React components with unusual motion, and lets an agent find components by what they do. Installation happens through the shadcn CLI, for example npx shadcn@latest add @uicapsule/ , so the assistant can add a chosen component to a project. The README says the MCP endpoint is the same URL used for browsing the collection.
When to use it
Useful when building a React or shadcn-based front end and you want an assistant to pick and pull in animated, interactive components instead of writing them from scratch. It is a narrow, single-purpose catalog, so it adds little outside front-end component work.
Requirements
A remote Streamable HTTP endpoint at no packages, environment variables, headers, or authentication are declared. Installing components requires a local Node.js environment with npx and the shadcn CLI, plus network access.
Before you install
Installing a component runs the shadcn CLI and writes files into your project, so review what is added before committing. The README does not state licensing, provenance, or review status of the components, and 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.

Other MCP clients

Add this to your client's mcpServers config.

{
  "mcpServers": {
    "components": {
      "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

0
Tool metadata has not been indexed yet.

Version history

1
  1. v1.0.0LatestSep 29, 2026