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

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

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

적응형·접근성 높은 UI를 위한 Adobe의 React 기반 디자인 시스템. WAI-ARIA 표준을 준수합니다.

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

Vue 3 UI 컴포넌트 도구킷. 빠르고 사용하기 쉬운 UI 컴포넌트를 제공합니다.

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

도커와 쿠버네티스 관리를 쉽게하는 오픈 소스 프로젝트.

Making Docker and Kubernetes management easy.

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

A curated list of awesome Android UI/UX libraries

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

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

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

A fully featured React components library

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

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

스크린샷을 입력하면 깨끗한 코드로 변환해줍니다.

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

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

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

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

Virtual whiteboard for sketching hand-drawn like diagrams

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

Angular UI Component Library based on Ant Design

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

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

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

Drop in a screenshot and convert it to clean code.

Google의 Material Design 아이콘.

Material Design icons by Google (Material Symbols)

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

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

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

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

Tailwind CSS를 기반으로하는 UI 컴포넌트 라이브러리입니다.

Open-source UI component library and front-end development framework based on Tailwind CSS

HTML 기반의 선언적 언어로 웹 앱을 구축하는 Marko. 클라이언트·서버 렌더링 모두 지원합니다.

A declarative, HTML-based language that makes building web apps fun

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

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

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

An enterprise-class UI design language and React UI library

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

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

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

🐉 Vue Component Framework

빠른 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.

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

Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.

Next.js 14, TypeScript, Tailwind CSS를 기반으로 한 무료 랜딩 페이지 템플릿이다. ESLint, Prettier, Husky 등 개발자 경험을 위한 도구들이 사전 구성되어 있어 빠르게 프로젝트를 시작할 수 있다.

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

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

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

Next.js, Tailwind, Prisma, Stripe 기반의 풀스택 멀티테넌트 SaaS 플랫폼 스타터킷이다. 핵심 SaaS 기능 개발에 집중할 수 있도록 효율적인 기반을 제공한다. 빠르고 확장 가능한 SaaS 개발을 목표로 할 때 첫 후보이다.

An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern technologies such as Next JS, Tailwind, Prisma, and Stripe.

Vue3, Shadcn UI, Vite, TypeScript 기반의 최신 어드민 패널 템플릿이다. Monorepo 구조를 채택하여 확장성과 개발 속도를 모두 만족시킨다.

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!

블록 스타일 에디터

A block-style editor with clean JSON output

Tailwind CSS를 활용한 기본적인 랜딩 페이지 스타터 템플릿이다. HTML 기반으로 Tailwind CSS 적용 연습 또는 가벼운 웹페이지 제작에 적합하다.

Tailwind CSS Starter Template - Landing Page

아이콘 도구로 SVG, 글꼴, CSS를 제공합니다.

The iconic SVG, font, and CSS toolkit

Astro와 Alpine.js 기반의 무료 오픈소스 비즈니스 테마 Stone이다. 마케팅, SaaS, 스타트업 웹사이트 등 다양한 비즈니스 용도에 최적화되어 있다.

Stone is a free and open-source Astro theme specially designed for Business, Marketing, SaaS and Startup websites.

Vue.js 2.0 UI 도구킷. 웹 UI 빌드에 사용할 수 있습니다.

A Vue.js 2.0 UI Toolkit for Web

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

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

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

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

디자인 및 UI 리소스를 모아둔 리스트입니다.

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

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

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

리액트에 대한 완전한 UI 컴포넌트 라이브러리입니다.

The Most Complete React UI Component Library

Tailwind CSS와 React/Next.js로 구축된 심플하고 가벼운 무료 랜딩 페이지 템플릿이다. 최소한의 노력으로 모던하고 반응형 웹사이트를 만들기에 적합하다.

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React / Next.js. Made by

Tailwind CSS를 기반으로하는 UI 컴포넌트입니다.

Ready-to-use Tailwind CSS blocks.

Claude 에이전트를 위한 68가지의 즉시 사용 가능한 디자인 시스템 영감 모음이다. DESIGN.md 형식으로 제공되어 UI 스캐폴딩을 단번에 완료하고 디자인 작업을 가속화한다.

Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.

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

대규모 시스템 설계 방법을 배우고 인터뷰를 준비하는 데 도움을 줍니다. Python으로 작성되었으며 Anki 플래시카드도 포함합니다.

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

Next.js, Tailwind CSS 기반의 풀스택 SaaS 애플리케이션 개발을 위한 보일러플레이트이다. 인증, 멀티테넌시, 권한 관리 등 핵심 기능을 포함하여 빠른 시작을 돕는다.

🚀🎉📚 SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, Testing

안드로이드, iOS 및 웹을 위한 리액트 네이티브 UI 도구킷.

Cross-Platform React Native UI Toolkit

AI를 활용하여 앱 스토어 스크린샷을 엔드 투 엔드로 제작하는 솔루션입니다. 디자인 및 최적화 작업을 자동화하여 앱 출시 과정을 간소화합니다.

end to end app store screenshot creation using AI

Tailwind CSS 컴포넌트 라이브러리의 가장 인기 있는 오픈 소스 버전.

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library