smoothui
SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, Shadcn/ui and Motion
SmoothUI MCP server provides AI assistants with programmatic access to a registry of animated React UI components built with Tailwind CSS, Shadcn/ui, and Motion. It integrates with Claude, Cursor, and other AI coding assistants through the Model Context Protocol, allowing agents to discover, install, and suggest over 20 pre-built components with smooth animations. The server exposes a component registry that AI assistants can query to automatically add UI elements like SiriOrb, RichPopover, and ScrollableCardStack to developer projects with all required dependencies.
Key Features
Use Cases
- 01AI assistants automatically adding animated UI components to React projects during development
- 02Cursor or Claude suggesting and installing smooth animation components based on user prompts
- 03Building landing pages with AI-assisted component selection from the SmoothUI registry
- 04Rapidly prototyping interfaces with AI-discovered interactive elements like card stacks and popovers
- 05Enhancing UX through AI-recommended animation components with automatic dependency management
- 06Streamlining design system implementation via MCP-powered component discovery and integration
Related MCP Servers
View moremarkitdown
Python tool for converting files and office documents to Markdown.
firecrawl
The context API to search, scrape, and interact with the web at scale. 🔥
prompts.chat
f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
langflow
Langflow is a powerful tool for building and deploying AI-powered agents and workflows.
smoothui — FAQ
What is the SmoothUI MCP server?+
The SmoothUI MCP server is a Model Context Protocol integration that allows AI assistants like Claude and Cursor to programmatically discover, install, and suggest animated React UI components from the SmoothUI registry. It enables AI agents to help developers add pre-built components with smooth animations to their projects.
How do I install and configure the SmoothUI MCP server?+
Add the SmoothUI registry to your components.json file with the registry URL, then initialize the MCP server using npx shadcn@latest mcp init with your preferred client (claude, cursor, or vscode). Once configured, AI assistants can install components using commands like 'npx shadcn@latest add @smoothui/siri-orb'.
Which AI clients work with the SmoothUI MCP server?+
The SmoothUI MCP server works with Claude Desktop, Cursor, GitHub Copilot, and VS Code through the shadcn MCP integration. Any AI assistant that supports the shadcn registry system can access SmoothUI components.
Do I need API keys to use the SmoothUI MCP server?+
No API keys are required. You only need to configure the registry URL (https://smoothui.dev/r/{name}.json) in your components.json file and have the shadcn CLI installed.
Is the SmoothUI MCP server free to use?+
Yes, SmoothUI is open source and licensed under the MIT License, making it free to use in any project. All components and the MCP integration are available at no cost.
What dependencies does SmoothUI require?+
SmoothUI components require React, Tailwind CSS, Motion (formerly Framer Motion), clsx, and tailwind-merge. The CLI and MCP server automatically install these dependencies when you add components.
How do I install smoothui?+
Open the source repository on GitHub and follow its README. smoothui is a mcp server — MCP Agents Market links you directly to the official repo.
Is smoothui free?+
smoothui is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.