A Chakra UI wrapper for the popular library React Select
A Chakra UI wrapper for the popular library React Select
To use this package, you'll need to have @chakra-ui/react@3 set up like in the guide in their docs.
Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| tagColorPalette | You can pass the tagColorPalette prop to the select component to change all of the selected options tags' colors. You can view the whole list of available color palettes in [the Chakra docs](https://www.chakra-ui.com/doc |
| focusRingColor | The prop focusRingColor can be passed with Chakra color tokens which will emulate style the control component when focused. |
| chakraStyles | All of the style keys offered in the original package can be used in the chakraStyles prop except for menuPortal. Along with [some other caveats](#caveats), this is explained below. |
{
"mcpServers": {
"chakra": {
"command": "npx",
"args": ["-y", "@chakra-ui/react"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Read, search and edit files inside allowed directories with the Model Context Protocol reference Filesystem server.
Retrieve version-aware library documentation and code examples with Context7 MCP, using resolve-library-id and query-docs.
A typescript example for web app as the host connecting node mcp server
To install Git MCP for Claude Desktop automatically via Smithery:
Resolve DOIs, search ~155M scholarly works, and fetch references via the Crossref REST API.
vite plugin for swagger mcp