get_component_details
Get detailed information about a specific shadcn/ui component
LABSCO SUMMARY
Component names and prop shapes stop being something to remember or guess.
Two of the four tools take a component name and two help you find one, which covers both halves of the problem: recalling what the library has, and recalling how the thing you picked is used. Nothing here writes to your project — the server answers questions and the code stays yours to paste.
What it is
A lookup service for the shadcn/ui component library: four read-only tools that list the components, return one component's details, return its examples, and search by keyword.
What you get
- The list of available shadcn/ui components
- Detailed information for a component you name
- Usage examples for that component
- Keyword search across components, for when you know the behaviour you want but not the component's name
Requirements
npx on your PATH. No account, no key.
Setup effort
One command — npx -y shadcn-ui-mcp-server
USE CASES
01
Adding a component you have not used before
Search by what you want it to do, read the details of the component that comes back, and take the usage examples straight into the file you are editing.
02
Checking what the library actually ships
Before writing a component from scratch, list what already exists — the answer decides whether the next hour is spent building or installing.
4 tools
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
get_component_examples
Get usage examples for a specific shadcn/ui component
list_shadcn_components
Get a list of all available shadcn/ui components
search_components
Search for shadcn/ui components by keyword
BEFORE YOU INSTALL
What to know first
Tools you get
4 tools when we connected.
Requires
npx on PATH
CONTEXT COST
Light Standing cost
Rated by the size of the 4 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Connect your client
Add the block to your client, or run the command directly.
Server setup
Configuration file
JSON
{
"mcpServers": {
"shadcn-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"shadcn-ui-mcp-server"
]
}
}
}npx
TERMINAL
npx -y shadcn-ui-mcp-server
