codewithmuhilan/lightswind-ui-library

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

1.2천 stars 129 forks 품질 94 트렌드 64MIT

Repository Install

Codewithmuhilan/lightswind-ui-library는 [[T0]에서 가져온 MCP 서버 후보입니다.

개요

Codewithmuhilan/lightswind-ui-library는 [[T0]에서 가져온 MCP 서버 후보입니다.

개요(AI 번역)

세계 최초의 AI 네이티브, CLI 우선 컴포넌트 라이브러리 for React.
160+ 애니메이션, 접근 가능, 생산 준비가 가능한 구성 요소 — 원시 소스 코드로 제공되며, 영원히 여러분의 소유입니다.

문서 · 컴포넌트 라이브러리 · 프로 라이선스 · MCP 서버 · 변경 로그

Lightswind UI란 무엇인가요?

Lightswind UI는 shadcn/ui가 개척한 철학과 같은 소스 코드 컴포넌트 라이브러리입니다 — 컴포넌트는 당신 프로젝트 내에 존재하며, 런타임 의존성이 아닙니다. 단일 CLI 명령어로 설치하고, 완전히 소유하며, 자유롭게 커스터마이징할 수 있습니다.

Lightswind UI를 차별화하는 점은 AI 네이티브 전달 계층입니다 — 업계 최초의 MCP(모델 컨텍스트 프로토콜) 서버인 컴포넌트 라이브러리 서버로, Cursor, Claude, GitHub Copilot 같은 AI 코딩 에이전트가 코드베이스 내에서 자율적으로 컴포넌트를 탐색, 가져오기, 설치할 수 있게 합니다.

왜 라이트윈드 UI인가요?

기능	라이트윈드 UI	shadcn/UI	라딕스 UI	머티리얼 UI
소스 소유권 복사-붙여넣기	✅	✅	❌	❌
스마트 CLI 전달	✅	✅	❌	❌
MCP 서버 지원	✅	✅	✅	✅
Pro CLI 및 인증된 전달	✅	❌	❌	❌

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

What is Lightswind UI?

Lightswind UI is a source-code component library built on the same philosophy pioneered by shadcn/ui — components live inside your project, not a runtime dependency. You install them with a single CLI command, own them completely, and customize them freely.

What sets Lightswind UI apart is its AI-native delivery layer — the industry’s first MCP (Model Context Protocol) server for a component library, letting AI coding agents like Cursor, Claude, and GitHub Copilot browse, fetch, and install components autonomously inside your codebase.

npx lightswind@latest init

Why Lightswind UI?

Feature	Lightswind UI	shadcn/ui	Radix UI	Material UI
Copy-paste source ownership	✅	✅	❌	❌
Smart CLI delivery	✅	✅	❌	❌
MCP Server support	✅	✅	✅	✅
Pro CLI & authenticated delivery	✅	❌	❌	❌
3D & WebGL shader components	✅	❌	❌	❌
Integrated Framer Motion & GSAP animations	✅	❌	❌	❌
Zero runtime vendor lock-in	✅	✅	❌	❌

Quick Start

Requirements

Node.js 18+
React 18 or 19
Tailwind CSS v3 or v4
A Next.js, Vite, Remix, or CRA project

1 — Initialize

Run this from the root of your project. The CLI detects your framework (Next.js, Vite, CRA), locates your components folder, installs shared utilities, and registers the Tailwind plugin automatically.

npx lightswind@latest init

During setup, you’ll be prompted to select a color theme:

Theme	Preview

GitHub에서 전체 README 보기

설치

npx -y lightswind mcp

MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{
  "mcpServers": {
    "lightswind-mcp": {
      "command": "npx",
      "args": ["-y", "lightswind", "mcp"],
      "env": {
        "LIGHTSWIND_LICENSE_KEY": "sk_pro_YOUR_KEY"
      }
    }
  }
}