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

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

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

코딩 에이전트에게 디자인 시스템을 구조화해 전달하는 DESIGN.md 형식 사양입니다.

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

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

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

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

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

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

Beautiful & consistent icon toolkit made by the community.

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

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

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

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Next.js 14 기반의 오픈소스 SaaS 스타터 템플릿이다. 사용자 역할 및 관리자 패널을 포함하며, Stripe 연동으로 결제 기능을 쉽게 구축할 수 있다.

Open-source SaaS Starter with User Roles & Admin Panel. Built using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, Shadcn/ui, Stripe, Server Actions.

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.

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

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

Carbon.ai의 오픈소스 대안으로, 어떤 데이터 소스로든 강력한 RAG(Retrieval Augmented Generation) 애플리케이션을 구축하게 돕는다. Next.js, TailwindCSS, TypeScript를 기반으로 하며 대규모 데이터 처리가 가능하다. 유연한 RAG 시스템 구현에 적합하다.

The open-source alternative to Carbon.ai. Build powerful RAG applications with any data source, at any scale.

Bun, Vercel, Elysia, Neon Postgres + Drizzle 등을 포함한 Next.js SaaS 스타터 킷이다. 확장 가능한 고성능 풀스택 애플리케이션을 빠르게 구축할 때 최적화된 기반을 제공한다.

Saasy Land is an open-source, opinionated, clean, elegant Next.js starter kit for production-grade SaaS. Engineered for scale with Bun, Vercel, Elysia, Better Auth, Neon Postgres + Drizzle, and Shadcn UI. The robust, high-performance foundation for serious builders to ship modern, scalable full-stack applications without the boilerplate overhead.

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

A very flexible message bar for UIKit and SwiftUI.

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

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

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

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

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.

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

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

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

A fully featured React components library

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

Virtual whiteboard for sketching hand-drawn like diagrams

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.

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

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

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

Drop in a screenshot and convert it to clean code.

Flexbox를 기반으로한 현대적인 CSS 프레임워크입니다.

Modern CSS framework based on Flexbox

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

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

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

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

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

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

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

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

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

Scheduling infrastructure for absolutely everyone.

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

: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

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

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

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

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

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

🐉 Vue Component Framework

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

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

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

Materialize, a CSS Framework based on Material Design

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

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

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

Making Docker and Kubernetes management easy.

리액티브 리소스를 제공합니다.

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

온라인 데이터베이스 다이어그램 편집기를 제공하는 오픈 소스 프로젝트.

Free, simple, and intuitive online database diagram editor and SQL generator.

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

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

Clone any website with one command using AI coding agents

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

A Vue.js 2.0 UI Toolkit for Web

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

A utility-first CSS framework for rapid UI development.

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

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

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

The iconic SVG, font, and CSS toolkit

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

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

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

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