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

복붙 방식으로 쓰는 모던 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.

유틸리티 클래스 기반 CSS의 사실상 표준. Next.js·shadcn 생태계와 한 묶음.

A utility-first CSS framework for rapid UI development.

무한 캔버스를 React에 임베드하는 SDK. 'Make Real'로 그림→앱 변환 데모를 만든 그 도구.

An infinite canvas SDK for React — used by tldraw and Make Real.

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

Virtual whiteboard for sketching hand-drawn-like diagrams.

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

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

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

Industry standard workshop for building, documenting, and testing UI components in isolation.

WebGL 효과를 입힌 캔버스 기반 창의적 UI 컴포넌트 라이브러리다. React, Vue, Svelte, 바닐라 JS 등 주요 프레임워크를 모두 지원한다.

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.

AI 및 에이전트 UI에 적합한 닷 형태의 로딩 인디케이터이다. 9가지 애니메이션 타입과 자동 다크/라이트 모드를 지원하여 UX를 향상한다.

Dotted thought-orb loading indicators for AI & agent UIs, 9 tuned types, two sizes, auto dark/light

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

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

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

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

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

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

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.

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

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

Angular UI 컴포넌트 라이브러리로 Ant Design을 기반으로합니다.

Angular UI Component Library based on Ant Design

Vue 애플리케이션의 표준 UI 라이브러리. Hook·Server Components 등 진화 중.

🐉 Vue Component Framework

안드로이드 UI 라이브러리를 모아둔 목록입니다.

A curated list of awesome Android UI/UX libraries

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

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

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

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

GitHub의 디자인 시스템인 Primer의 공식 CSS 구현체입니다.

Primer is GitHub's design system. This is the CSS implementation

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

React Native Calendar Components 🗓️ 📆

라디 테마는 빠른 개발, 쉬운 유지보수 및 접근성을 위한 오픈 소스 컴포넌트 라이브러리입니다.

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

iOS 앱의 UI 개발을 위한 효율적인 라이브러리. 다양한 UI 컴포넌트와 기능을 제공합니다.

QMUI iOS——致力于提高项目 UI 开发效率的解决方案

UITextField를 상속받아 플로팅 레이블 기능을 제공하는 UI 컴포넌트다. Matt D. Smith 디자인을 구현하며, iOS 앱에서 세련된 폼 UI를 구성할 때 오랫동안 표준으로 채택되어 왔다.

UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users

Tailwind CSS 4, Alpine.js, Laravel 12, Livewire 3 (TALL 스택) 기반의 완벽한 SaaS 스타터 킷이다. Filament Admin Panel 4를 포함하여 MVP(Minimum Viable Product)를 빠르고 효율적으로 구축하는 데 최적화되었다.

Complete SaaS starter kit based on the TALL stack (Tailwind CSS 4, Alpine.js, Laravel 12, Livewire 3) and Filament Admin Panel 4.

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

提高 Android UI 开发效率的 UI 库

AI 코딩 에이전트의 프롬프트와 오케스트레이션을 위한 실용적인 패턴과 CLI 도구를 제공한다. loop-audit, loop-init, loop-cost 등의 도구를 포함하여 에이전트 기반 시스템 설계에 유용하다.

Practical patterns, starters & CLI tools for loop engineering with AI coding agents. Design systems that prompt and orchestrate agents (inspired by Addy Osmani and Boris Cherny). Includes loop-audit, loop-init, loop-cost.

브라우저 기본 개발 방식을 따르는 경량 Web UI 컴포넌트 라이브러리다. 직관적인 사용법으로 웹 페이지 개발을 간소화한다.

一套遵循浏览器原生态开发模式的 Web UI 组件库。

화이트보드 없이 채용하는 회사를 위한 목록입니다. 채용, 채용 방법, 채용 프로세스를 포함합니다.

⭐️ Companies that don't have a broken hiring process

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

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

ML 모델에 빠르게 UI 붙이는 표준. HuggingFace Spaces 데모의 70% 이상이 이 프레임워크.

Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!

빠른 API 개발을 위한 전역 스택 템플릿. FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions.

Full-stack web application template with FastAPI, React, SQLModel, PostgreSQL, Vite, Tailwind CSS, shadcn/ui, FastAPI Cloud, and Docker Compose.

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

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

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.

KRDS HTML Component Kit을 설치하여 디자인 시스템을 쉽게 적용하는 가이드라인을 제공한다. 일관된 UI/UX 구축을 위한 표준 컴포넌트 라이브러리 활용법을 안내한다.

KRDS HTML Component Kit을 설치하여 디자인 시스템을 쉽게 적용할 수 있도록 가이드라인을 제공한다.

블록 스타일 에디터

A block-style editor with clean JSON output

UIKit과 SwiftUI에서 사용할 수 있는 유연한 메시지 바. 다양한 시각적 효과와 사용자 경험을 제공합니다.

A very flexible message bar for UIKit and SwiftUI.

에이전트 워크플로우·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.

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

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

로컬 Ollama에 ChatGPT 같은 UI를 붙이는 인기 프로젝트. RAG·툴·아바타까지 풀 패키지.

User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

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

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

디자인 및 코드 협업을 위한 오픈 소스 디자인 도구

Penpot: The open-source design platform for Product teams that need scalable collaboration.

React 컴포넌트를 사용하여 멋진 웹사이트를 만들 수 있는 라이브러리.

An open source collection of animated, interactive & fully customizable React components for building memorable websites.

다이어그램을 코드로 작성하는 다이어그램을 위한 프레임워크. 클라우드 시스템 아키텍처를 위한 프로토타입을 위한 도구.

:art: Diagram as Code for prototyping cloud system architectures

Bootstrap을 기반으로 하는 무료 및 오픈 소스 HTML 대시보드 UI Kit.

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

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

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

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

Drop in a screenshot and convert it to clean code.

Codex, Claude Code, OpenCode, Gemini CLI 등 다양한 AI CLI 환경에서 사용할 수 있는 애니메이션 펫 공개 갤러리이다. 개발 과정에 시각적인 즐거움을 더해준다.

The public gallery of animated pet for Codex, Claude Code, OpenCode y Gemini CLI