오늘의 AI Builder Stack을 고르세요.

인기 디자인 시스템에 영감을 받은 디자인 MD 파일들의 모음. 에이전트가 UI를 생성.

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

로컬-퍼스트, 오픈 소스 디자인 시스템. 19 개의 기술, 71 개의 브랜드-급 디자인 시스템.

🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

AI 코딩 에이전트로 한 명령어로 웹사이트를 복제하는 템플릿. Claude 기반 자동화를 지원합니다.

Clone any website with one command using AI coding agents

복붙 방식으로 쓰는 모던 React 컴포넌트 모음. shadcn 코드를 내 프로젝트로 가져와 자유롭게 커스터마이즈.

Beautifully designed components built with Radix UI and Tailwind CSS.

랜딩페이지에 바로 쓰는 애니메이션 컴포넌트 모음. shadcn 스타일로 복붙해서 쓸 수 있어요.

150+ free open-source animated components and effects built with React, Tailwind, and Motion.

손글씨 느낌 다이어그램 그리는 도구. 협업 화이트보드로 매우 인기.

Virtual whiteboard for sketching hand-drawn-like diagrams.

알리바바가 만든 엔터프라이즈 React UI 키트. 한국·중국 SaaS에서 가장 많이 보이는 디자인 시스템.

An enterprise-class UI design language and React UI library.

구글 Material Design을 따르는 React UI 라이브러리. 엔터프라이즈 대시보드에서 가장 많이 채택.

Material UI: comprehensive React component library that implements Google's Material Design.

Hook까지 같이 제공하는 모던 React UI 라이브러리. 폼·날짜 피커 같은 복합 컴포넌트가 강점.

A fully featured React components library.

React 애니메이션의 사실상 표준. 페이지 전환·gesture·layout 애니메이션이 한 API에 다 모여 있음.

An open source motion library for React, made by Framer.

Tailwind 디자인 시스템을 위한 에이전트 기반 린터이다. 디자인 시스템 규칙을 에이전트가 검증하도록 작성할 수 있어 일관된 디자인 유지가 쉽다.

An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.

Three.js 기반의 웹 UI 컴포넌트들을 모아둔 오픈소스 카탈로그다. React, WebGL, Shader 등 다양한 기술 스택과 결합하여 인터랙티브한 3D 웹 환경을 구현할 때 활용된다.

Open-source ThreeUI Community catalog with live interactive components and complete Community source.

Tailwind 팀이 만든 헤드리스 컴포넌트. 디자인은 자유롭게 입히고 동작·접근성만 빌려옴.

Completely unstyled, fully accessible UI components for React and Vue.

몰입감 있는 스크롤 기반 웹사이트를 제작하는 AI 에이전트 스킬이다. Codex, Claude Code 등 다양한 코딩 에이전트와 연동하여 웹 디자인 작업을 고도화한다.

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

디자인 스크린샷을 던지면 React/HTML 코드로 변환. 카피 단계에서 시간 절약.

Drop in a screenshot and convert it to clean code.

스트로크 기반 아이콘을 유려하게 변환하는 모핑 애니메이션 라이브러리다. 어떤 아이콘이든 스프링 물리 엔진으로 자연스럽게 다른 아이콘으로 바꾼다.

Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.

SRT 자막을 따뜻한 미색 배경의 흐르는 듯한 필기 애니메이션으로 변환한다. 마스크 분할과 연속 필적 스트림 기법을 활용하여 자막에 개성 있는 시각적 연출을 더한다.

将 SRT 字幕做成暖米黄纸张底的流式笔迹白板手绘动画 skill：mask 分区遮罩编排 + stream 连续笔迹（ink→color）。

UI/UX를 위한 AI 도구입니다. 프로페셔널한 UI/UX를 위한 디자인 지능을 제공합니다.

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

Takumi와 Forme 기반의 아름다운 PDF 컴포넌트를 제공한다. HTML/JSX에서 PDF를 손쉽게 생성하고 깔끔한 문서를 만들 때 유용하다.

Beautiful pdf components, built on Takumi and Forme. 100% Free, Zero config, one command setup.

Elm 아키텍처에서 영감을 받은 Rust용 크로스플랫폼 GUI 라이브러리다. 안전하고 효율적인 데스크톱 애플리케이션 개발을 지원한다.

A cross-platform GUI library for Rust, inspired by Elm

Vuestic UI, Vue 3, Vite, Pinia 및 Tailwind CSS를 기반으로하는 관리자 템플릿입니다.

Vuestic Admin is an open-source, ready-to-use admin template suite designed for rapid development, easy maintenance, and high accessibility. Built on Vuestic UI, Vue 3, Vite, Pinia, and Tailwind CSS. Maintained by Epicmax (@epicmaxco).

Anthropic의 J-Space 글로벌 워크스페이스 연구 기반 인지 강화 AI 에이전트 스위트다. 복합적인 AI 인지 능력 구현을 위한 실험이나 연구에 활용할 수 있다.

J-Space Cognition Suite V3.7 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace research. | 哔哩哔哩：Tiger380 (UID 3494375382321675) — https://space.bilibili.com/3494375382321675

Tailwind CSS용 MIT 라이선스의 방대한 무료 컴포넌트·템플릿 모음입니다.

𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

C++에 대한 그래픽 사용자 인터페이스 라이브러리.

Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies

Semantic UI는 UI 컴포넌트 프레임워크로, 자연어의 유용한 원칙을 기반으로 합니다.

Semantic is a UI component framework based around useful principles from natural language.

Anthropic의 J-Space 글로벌 워크스페이스 연구를 기반으로 한 AI 인지 강화 스킬 모음이다. AI 에이전트의 인지 능력을 향상시켜 복잡한 문제 해결을 돕는 데 특화된다.

J-Space Cognition Suite V3.6 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace research. | 哔哩哔哩：Tiger380 (UID 3494375382321675) — https://space.bilibili.com/3494375382321675

안드로이드, iOS 및 웹을 위한 리액트 네이티브 UI 컴포넌트.

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

App Store에 제출할 수 있는 UI 애니메이션을 구현할 수 있습니다.

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.

웹, 데스크톱, 모바일용 프레임워크입니다.

Fullstack app framework for web, desktop, and mobile.

접근성을 우선하는 React 컴포넌트 라이브러리. 스타일 props 기반 API가 직관적.

Chakra UI is a component system for building SaaS products with speed ⚡️

shadcn/ui 기본 아이콘 세트. Feather 후속이고 라이선스가 자유로워 상용 프로젝트에 가장 많이 쓰임.

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

고성능 LLM으로 코드베이스를 감사하고, 저비용 모델이 실행할 개선 계획을 수립하게 한다. 비용 효율적으로 코드 품질을 향상시키는 데 활용된다.

Use your most capable model to audit your codebase and write plans for cheaper models to execute.

웹 및 네이티브 UI를 구축하는 데 쓰이는 선언형 JavaScript 라이브러리이다. 프론트엔드 개발의 사실상 표준으로 광범위하게 채택된다.

The library for web and native user interfaces.

Material Design을 기반으로 한 CSS 프레임워크.

Materialize, a CSS Framework based on Material Design

Segment에서 개발한 React 기반 디자인 시스템. 안정적이고 확장 가능한 컴포넌트 제공합니다.

🌲 Evergreen React UI Framework by Segment

Anthropic의 J-space 연구 기반으로 심층 추론 및 장기 작업을 위한 모델 불가지론적 제어 스위트다. AI 에이전트의 검증 및 복구 기능을 강화한다.

J-Space Cognition Suite — a model-agnostic inference-time control suite for deep reasoning, long-horizon work, verification, and recovery. Based on Anthropic's J-space global workspace research.

iOS, Android, Progressive Web Apps을 위한 강력한 크로스 플랫폼 UI 툴킷입니다. HTML, CSS, JavaScript을 사용하여 고급 UI를 구축할 수 있습니다.

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

스타일이 없는 헤드리스 컴포넌트의 표준. shadcn/ui가 이 위에서 동작하니 사실상 필수 의존성.

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

닌텐도 '모여봐요 동물의 숲' 게임 인터페이스에서 영감을 받은 React UI 컴포넌트 라이브러리이다. 게임의 아기자기한 디자인 요소를 웹 애플리케이션에 적용할 때 유용하다.

Animal 风格的 React 组件库 灵感来源于任天堂《集合啦！动物森友会》 Vue 版同步发布 Animal Crossing-style React UI component library, inspired by Nintendo's game visuals Vue version available.

리액트 네이티브 캘린더 컴포넌트입니다.

React Native Calendar Components 🗓️ 📆

스케줄링 인프라를 위한 오픈 소스 자원. 모든 사람에게 사용 가능.

Scheduling infrastructure for absolutely everyone.

대규모 시스템 설계 방법을 학습하고 시스템 설계 면접을 준비하기 위한 자원.

Learn how to design systems at scale and prepare for system design interviews

안드로이드 UI 개발 생산성을 높이는 Tencent의 UI 라이브러리. 재사용 가능한 컴포넌트를 제공합니다.

提高 Android UI 开发效率的 UI 库

디자인을 위한 도구.

The best design tools and plugins for everything 👉

React 및 React Native에서 원자적 CSS와 최적화 컴파일러로 일관된 스타일을 적용합니다.

Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

컴포넌트를 격리된 환경에서 보고 문서화·테스트하는 워크숍 도구. 디자인 시스템 운영에 필수.

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

에이전트 워크플로우·flow 빌더의 사실상 표준. n8n·Flowise·Langflow 모두 이 위에서 돌아감.

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.

AFFiNE 지식베이스로 사용됩니다.

There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.