GitHub 트렌딩을 그대로 나열하지 않고, Claude Code · RAG · 로컬 AI · 에이전트 워크플로우 · 평가 도구 · AI 앱 빌더 관점에서 실제 빌더가 쓸 만한 오픈소스 스택을 다시 정리합니다.
온라인 데이터베이스 다이어그램 편집기를 제공하는 오픈 소스 프로젝트.
Free, simple, and intuitive online database diagram editor and SQL generator.
리액티브 리소스를 제공합니다.
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!
HTML 기반의 선언적 언어로 웹 앱을 구축하는 Marko. 클라이언트·서버 렌더링 모두 지원합니다.
A declarative, HTML-based language that makes building web apps fun
스크린샷을 입력하면 깨끗한 코드로 변환해줍니다.
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
안드로이드, iOS 및 웹을 위한 리액트 네이티브 UI 도구킷.
Cross-Platform React Native UI Toolkit
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.
Astro와 Alpine.js 기반의 무료 오픈소스 비즈니스 테마 Stone이다. 마케팅, SaaS, 스타트업 웹사이트 등 다양한 비즈니스 용도에 최적화되어 있다.
Stone is a free and open-source Astro theme specially designed for Business, Marketing, SaaS and Startup websites.
로컬-퍼스트, 오픈 소스 디자인 시스템. 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.
손글씨 느낌 다이어그램 그리는 도구. 협업 화이트보드로 매우 인기.
Virtual whiteboard for sketching hand-drawn like diagrams
웹 개발을 위한 가장 인기 있는 HTML, CSS, JavaScript 프레임워크입니다. 반응형 모바일 우선 프로젝트 구축에 최적화되어 있습니다.
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
컴포넌트를 격리된 환경에서 보고 문서화·테스트하는 워크숍 도구. 디자인 시스템 운영에 필수.
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
C++에 대한 그래픽 사용자 인터페이스 라이브러리.
Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
도커와 쿠버네티스 관리를 쉽게하는 오픈 소스 프로젝트.
Making Docker and Kubernetes management easy.
Tailwind CSS를 기반으로하는 UI 컴포넌트 라이브러리입니다.
Open-source UI component library and front-end development framework based on Tailwind CSS
웹, 데스크톱, 모바일용 프레임워크입니다.
Fullstack app framework for web, desktop, and mobile.
App Store에 제출할 수 있는 UI 애니메이션을 구현할 수 있습니다.
Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.
OpenAI gpt-image-2 API 기반의 이미지 생성 및 편집 도구이다. React와 TailwindCSS로 구축되어 사용자 친화적인 인터페이스로 AI 이미지 작업을 효율화한다.
基于 OpenAI gpt-image-2 API 的图片生成与编辑工具
복붙 방식으로 쓰는 모던 React 컴포넌트 모음. shadcn 코드를 내 프로젝트로 가져와 자유롭게 커스터마이즈.
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
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).
적응형·접근성 높은 UI를 위한 Adobe의 React 기반 디자인 시스템. WAI-ARIA 표준을 준수합니다.
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Tailwind 팀이 만든 헤드리스 컴포넌트. 디자인은 자유롭게 입히고 동작·접근성만 빌려옴.
Completely unstyled, fully accessible UI components for React and Vue.
Tailwind CSS 컴포넌트 라이브러리의 가장 인기 있는 오픈 소스 버전.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
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.
Flexbox를 기반으로한 현대적인 CSS 프레임워크입니다.
Modern CSS framework based on Flexbox
웹 및 네이티브 UI를 구축하는 데 쓰이는 선언형 JavaScript 라이브러리이다. 프론트엔드 개발의 사실상 표준으로 광범위하게 채택된다.
The library for web and native user interfaces.
모던 브라우저 및 터치 장치용 재배치 가능한 드래그 앤 드롭 목록 라이브러리. jQuery 또는 프레임워크 필요하지 않습니다.
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
유틸리티 클래스 기반 CSS의 사실상 표준. Next.js·shadcn 생태계와 한 묶음.
A utility-first CSS framework for rapid UI development.
디자인 및 UI 리소스를 모아둔 리스트입니다.
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
shadcn/ui, React, TypeScript, Tailwind CSS 스택으로 구현된 무료 랜딩 페이지 템플릿이다. 다크 모드와 반응형 디자인을 지원하며, 세련된 UI를 빠르게 구축할 때 유용하다.
Free Landing page template using Shadcn, React, Typescript and Tailwind
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.
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
컴파일 타임에 최적화하는 모던 프론트 프레임워크. 번들 사이즈가 매우 작음.
web development for the rest of us
Tailwind CSS를 기반으로하는 UI 컴포넌트입니다.
Ready-to-use Tailwind CSS blocks.
Elm 아키텍처에서 영감을 받은 Rust용 크로스플랫폼 GUI 라이브러리다. 안전하고 효율적인 데스크톱 애플리케이션 개발을 지원한다.
A cross-platform GUI library for Rust, inspired by Elm
AI 코딩 에이전트로 한 명령어로 웹사이트를 복제하는 템플릿. Claude 기반 자동화를 지원합니다.
Clone any website with one command using AI coding agents
코딩 에이전트에게 디자인 시스템을 구조화해 전달하는 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.
리액트에 대한 완전한 UI 컴포넌트 라이브러리입니다.
The Most Complete React UI Component Library
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
인기 디자인 시스템에 영감을 받은 디자인 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.
Tailwind CSS를 활용한 기본적인 랜딩 페이지 스타터 템플릿이다. HTML 기반으로 Tailwind CSS 적용 연습 또는 가벼운 웹페이지 제작에 적합하다.
Tailwind CSS Starter Template - Landing Page
랜딩페이지에 바로 쓰는 애니메이션 컴포넌트 모음. shadcn 스타일로 복붙해서 쓸 수 있어요.
150+ free open-source animated components and effects built with React, Tailwind, and Motion.
Next.js 기반의 SaaS 제품 및 온라인 서비스를 위한 무료 랜딩 페이지 템플릿이다. Tailwind CSS와 Next SEO가 포함되어 있어 검색 엔진 최적화에 유리하다.
⚡ Free Next.js landing page template for SaaS products, online services and more.
React 애니메이션의 사실상 표준. 페이지 전환·gesture·layout 애니메이션이 한 API에 다 모여 있음.
An open source motion library for React, made by Framer.
AI를 활용하여 앱 스토어 스크린샷을 엔드 투 엔드로 제작하는 솔루션입니다. 디자인 및 최적화 작업을 자동화하여 앱 출시 과정을 간소화합니다.
end to end app store screenshot creation using AI
Vue3, Shadcn UI, Vite, TypeScript 기반의 최신 어드민 패널 템플릿이다. Monorepo 구조를 채택하여 확장성과 개발 속도를 모두 만족시킨다.
A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
웹사이트의 전체 디자인 시스템을 한 명령으로 추출하는 도구이다. DTCG 토큰, 멀티플랫폼 에미터 지원을 통해 디자인 일관성을 유지하고 개발 생산성을 높이는 데 기여한다.
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
스케줄링 인프라를 위한 오픈 소스 자원. 모든 사람에게 사용 가능.
Scheduling infrastructure for absolutely everyone.
구글 Material Design을 따르는 React UI 라이브러리. 엔터프라이즈 대시보드에서 가장 많이 채택.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.