ComponentsBlocksDocsExamples

Token UI Docs Introduction
Token UI Installation
Registry
MCP
Theming
Dark mode
RTL
References
Changelog
v1.0.27
llms.txt

Getting Started

MCP

Learn how to use the shadcn/ui MCP(Model Context Protocol) with Token UI.

MCP is an open protocol that standardizes how applications provide context to LLMs.

Configure MCP

Run the following command to configure the mcp server:

pnpm dlx shadcn@latest mcp init

Select your MCP client as prompted, then enable the MCP server in your client to finish setup.

Usage

You can now ask your IDE to use any Token UI component. Here are some prompt examples:

  • Add Statistic Card block from Token UI registry.
  • Add Base UI Autocomplete Component Token UI registry.
  • Add Base UI Phone Input n Component Token UI registry.
  • Build me a User Management CRUD using Data Grid and Forms from Token UI registry.
PreviouseRegistryNextTheming

On This Page

  • Configure MCP
  • Usage

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.

Token UI

Components

  • Overview
  • Pricing
  • Marketplace
  • Features
  • Integrations
  • Pricing

Blocks

  • Charts
  • Team
  • Blog
  • Careers
  • Contact
  • Privacy

Examples

  • Help
  • Sales
  • Advertise

Docs

  • Twitter
  • Instagram
  • LinkedIn

© 2025 TOUI.dev. All rights reserved.

  • Terms and Conditions
  • Privacy Policy