Col

mcp
Security Audit
Warn
Health Warn
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Low visibility — Only 6 GitHub stars
Code Warn
  • process.env — Environment variable access in app/api/mcp/route.ts
  • network request — Outbound network request in app/api/mcp/route.ts
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

A community directory of UI libraries, components, and design tools.

README.md
Col logo

Col

A community directory of UI libraries, components, and design tools.

Website · Libraries · Components · MCP setup

What you can do

  • Filter libraries by framework, category, and use case.
  • Search components by name and open their official docs.
  • Find MCP servers for UI libraries and design tools.
  • Search the catalog from your coding agent with Col's MCP server.

Each library page lists supported frameworks, pricing, official links, and a setup prompt for coding agents. Component coverage is partial: if a component is missing, Col hasn't added it yet.

Sponsors

React Bits

Thanks to React Bits for sponsoring Col.
Become a sponsor

Use Col from your agent

Server URL: https://usecol.com/api/mcp. No account or API key needed.

Claude Code:

claude mcp add --transport http col https://usecol.com/api/mcp

Codex:

codex mcp add col --url https://usecol.com/api/mcp

Cursor (.cursor/mcp.json):

{
  "mcpServers": {
    "col": {
      "url": "https://usecol.com/api/mcp"
    }
  }
}
Tool What it does
search_libraries Find libraries by keyword, framework, category, or use case.
search_components Find components by name.
get_library Get a library's details and official links.
get_component Get a component's sources and whether it can be previewed.
render_component Show a live preview of a component in chat.

Col also indexes documented components from Kobalte, SolidUI, shadcn-solid, Zaidan, hope-ui, RockSolid, Nikala UI, TorchUI, MagicUI Solid, and Mystic UI. Check each component's preview and compatibility details: Solid 1 and Solid 2 examples use separate pinned runtimes, and any preview limitations are disclosed. The Quoin guide covers its Solid 2 RC requirements.

Previews need a client that supports MCP Apps. See component previews for coverage, the setup guide for other clients, and the agent guide for tool arguments. The Col plugin bundles the connection with a component search skill; use either the plugin or a direct connection, not both.

Run it locally

Requires Node.js 20.9+ and npm.

git clone https://git.cafe/collection-of-devs/col Col
cd Col
npm install
npm run dev

Before opening a pull request:

npm run typecheck
npm test

To let a browser client other than https://usecol.com call your MCP server, set COL_MCP_ALLOWED_ORIGINS to a comma-separated list of exact origins, for example COL_MCP_ALLOWED_ORIGINS="http://localhost:3000".

Contribute

Code, issues, and pull requests live on git.cafe. Read CONTRIBUTING.md before adding libraries, components, or code.

Check existing issues first, then open one per request:

  • Library: name, official URL, supported frameworks, and what it offers.
  • Feature: the problem and the result you expect.
  • Bug: the page, steps to reproduce, what you expected, what happened, and your browser and OS. Leave out secrets and private information.

Project structure

app/          Pages and API routes
components/   UI components
data/         Libraries, components, and integrations
lib/          Search, MCP tools, and helpers
plugin/       Col agent plugin
public/       Brand and sponsor images
tests/        Tests
docs/         Project docs

Built with Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, and Radix UI. Licensed under MIT.

Reviews (0)

No results found