오픈 소스. 새로운 가능성.

Magic UI는 디자인 엔지니어가 자신의 애플리케이션에 복사하여 붙여넣을 수 있도록 설계된 애니메이션 컴포넌트와 효과를 제공하는 오픈 소스 UI 라이브러리입니다.

AI 기반 템플릿으로, 단일 명령을 통해 모든 웹사이트를 깨끗한 Next.js 앱으로 복제합니다. Claude Code, Cursor, Codex, Gemini 등과 호환됩니다.

Morphic은 스트리밍 JSON 사양에서 풍부한 인라인 구성 요소를 렌더링하는 생성적 UI를 갖춘 AI 기반 검색 엔진입니다. 여러 AI 및 검색 제공 업체, 채팅 기록, 인증 및 Docker 배포를 지원합니다.

Full Stack FastAPI Template는 FastAPI, SQLModel, PostgreSQL, React, Vite, Tailwind CSS 및 shadcn/ui를 결합한 풀스택 프로젝트 템플릿입니다. JWT 인증, Docker Compose 배포, Traefik HTTPS, 이메일 복구 및 CI/CD 기능을 포함합니다.

Cult UI는 Tailwind CSS로 스타일링되고 shadcn과 호환되는 MIT 라이선스의 접근 가능하고 맞춤 설정 가능한 컴포넌트 모음입니다. 복사-붙여넣기 방식의 통합을 강조하며 AI 에이전트 패턴, 프리미엄 블록 및 스타터 템플릿을 함께 제공합니다.

designlang는 Playwright 기반 CLI로 라이브 DOM에서 디자인 시스템을 추출하고 DTCG 토큰, Tailwind 설정, Figma 변수, shadcn 테마, 컴포넌트 구조, 모션 토큰, 브랜드 목소리, WCAG 대비 감사, 다중 플랫폼 에미터 등을 포함한다.

Tinte는 디자인 시스템을 Agent Plugin으로 컴파일하여 identity 설정에서 SKILL.md와 tokens.css를 추출하고, 토큰을 우회하는 색상을 린팅합니다. 또한 shadcn 프리셋, 에디터 테마 및 터미널 색상 스킴을 출력합니다.

Better Design은 AI 코딩 에이전트에게 디자인 시스템, 시맨틱 CSS 토큰, 컴포넌트 오버라이드, UI 원칙, 아이콘 매칭 및 WCAG 기반 리뷰 규칙을 제공하는 오픈 소스 MCP 서버 및 shadcn/ui 레지스트리입니다.

shadcn-svelte는 shadcn/ui의 커뮤니티 주도 Svelte 포트로, 접근 가능하고 사용자 지정 가능한 UI 컴포넌트를 Svelte 앱에 복사하여 붙여넣어 맞춤형 컴포넌트 라이브러리를 구축할 수 있게 합니다.

Morphous는 자연 영감 디자인 시스템을 위한 TanStack Start 기반 정적 카탈로그로, 동물·식물·광물 모티프, light/dark 디자인 시스템 보드, 프롬프트, shadcn/tweakcn 호환 테마 내보내기, GitHub Pages 배포를 다룹니다.

Next.js 16, shadcn/ui, Tailwind CSS, TypeScript 기반의 무료 오픈소스 관리 대시보드 템플릿. 인증, 테이블, 폼, 청구 기능을 포함하며 클린업 스크립트로 최소 SaaS 또는 내부 도구 기반으로 빠르게 구축 가능합니다.

coss.com/ui는 Cal.com의 공식 디자인 시스템으로, Base UI 기반의 React 컴포넌트와 Tailwind CSS로 스타일링된 TypeScript 모노레포입니다. 복사 및 붙여넣기 방식으로 소유하도록 설계되었으며, 문서 사이트와 레거시 Origin UI 스냅샷을 포함합니다.

Next.js, TypeScript 및 Tailwind CSS로 구축된 미니멀리스트 이력서 웹페이지입니다. 모든 이력서 콘텐츠는 단일 데이터 파일에 중앙 집중화되어 쉽게 사용자 지정할 수 있으며, 선택적으로 Docker 배포를 지원합니다.

Franken UI (franken-ui/ui)는 UIkit 3를 기반으로 LitElement로 확장하고 shadcn/ui에서 영감을 받은 HTML 우선 UI 컴포넌트 라이브러리입니다. 현재 README는 0build로의 이전 안내만 포함하고 있으며, 상세 문서는 외부 사이트에서 제공됩니다.

oh-my-design은 AI 코딩 에이전트에 디자인 시스템을 설치하는 오픈소스 CLI 도구입니다. 한 번의 명령어로 440개 이상의 기업 디자인 레퍼런스, 28개 스킬, 20개 전문 역할을 Claude Code, Codex, Cursor, OpenCode 등 지원 에이전트에 추가합니다. 철학, 토큰, 컴포넌트 계약을 담은 휴대용 DESIGN.md를 생성합니다.