The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste architecture — you own the code.
Quick Install
Copy the config for your editor. Some servers may need additional setup — check the README.
Claude Desktop
Claude Code
Cursor
Add to claude_desktop_config.json:
{
"mcpServers": {
"lightswind-ui-librar": {
"command": "npx",
"args": [
"-y",
"codewithMUHILAN/Lightswind-UI-Library"
]
}
}
}
📋 Copy
Run in terminal:
claude mcp add lightswind-ui-librar npx -y codewithMUHILAN/Lightswind-UI-Library
📋 Copy
Add to .cursor/mcp.json:
{
"mcpServers": {
"lightswind-ui-librar": {
"command": "npx",
"args": [
"-y",
"codewithMUHILAN/Lightswind-UI-Library"
]
}
}
}
📋 Copy
README Excerpt
<div align="center"> <br/> <img src="https://firebasestorage.googleapis.com/v0/b/codewithmuhilandb.appspot.com/o/uploads%2Flightwind-logo.png?alt=media&token=6ba956f1-994c-46ca-9eda-6e46b5662eb9" alt="Lightswind UI" width="100" /> <br/> <br/> **The world's first AI-native, CLI-first component library for React.**
Tools (14)
amber amethyst crimson default emerald get_block get_component get_installation_guide get_usage_example list_all_components list_blocks list_categories mono search_components
Topics
ai-native animated-components component-library design-system framer-motion frontend gsap lightswind-ui mcp-server nextjs react tailwindcss typescript ui-library vite