GitHub 트렌딩을 그대로 나열하지 않고, Claude Code · RAG · 로컬 AI · 에이전트 워크플로우 · 평가 도구 · AI 앱 빌더 관점에서 실제 빌더가 쓸 만한 오픈소스 스택을 다시 정리합니다.
스케줄링 인프라를 위한 오픈 소스 자원. 모든 사람에게 사용 가능.
Scheduling infrastructure for absolutely everyone.
Tailwind CSS 컴포넌트 라이브러리의 가장 인기 있는 오픈 소스 버전.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
KRDS HTML Component Kit을 설치하여 디자인 시스템을 쉽게 적용하는 가이드라인을 제공한다. 일관된 UI/UX 구축을 위한 표준 컴포넌트 라이브러리 활용법을 안내한다.
KRDS HTML Component Kit을 설치하여 디자인 시스템을 쉽게 적용할 수 있도록 가이드라인을 제공한다.
안드로이드, iOS 및 웹을 위한 리액트 네이티브 UI 컴포넌트.
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
AI를 활용하여 앱 스토어 스크린샷을 엔드 투 엔드로 제작하는 솔루션입니다. 디자인 및 최적화 작업을 자동화하여 앱 출시 과정을 간소화합니다.
end to end app store screenshot creation using AI
Material Design을 기반으로 한 CSS 프레임워크.
Materialize, a CSS Framework based on Material Design
Vue.js 2.0 UI 도구킷. 웹 UI 빌드에 사용할 수 있습니다.
A Vue.js 2.0 UI Toolkit for Web
Flexbox를 기반으로한 현대적인 CSS 프레임워크입니다.
Modern CSS framework based on Flexbox
웹사이트의 전체 디자인 시스템을 한 명령으로 추출하는 도구이다. 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+.
화이트보드 없이 채용하는 회사를 위한 목록입니다. 채용, 채용 방법, 채용 프로세스를 포함합니다.
⭐️ Companies that don't have a broken hiring process
웹 개발을 위한 가장 인기 있는 HTML, CSS, JavaScript 프레임워크입니다. 반응형 모바일 우선 프로젝트 구축에 최적화되어 있습니다.
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
React 및 React Native에서 원자적 CSS와 최적화 컴파일러로 일관된 스타일을 적용합니다.
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
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.
HTML 기반의 선언적 언어로 웹 앱을 구축하는 Marko. 클라이언트·서버 렌더링 모두 지원합니다.
A declarative, HTML-based language that makes building web apps fun
Vue 3 UI 컴포넌트 도구킷. 빠르고 사용하기 쉬운 UI 컴포넌트를 제공합니다.
A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
Google의 Material Design 아이콘.
Material Design icons by Google (Material Symbols)
디자인 및 UI 리소스를 모아둔 리스트입니다.
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
Tailwind CSS를 활용한 기본적인 랜딩 페이지 스타터 템플릿이다. HTML 기반으로 Tailwind CSS 적용 연습 또는 가벼운 웹페이지 제작에 적합하다.
Tailwind CSS Starter Template - Landing Page
UI/UX를 위한 AI 도구입니다. 프로페셔널한 UI/UX를 위한 디자인 지능을 제공합니다.
An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
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
Vue3, Shadcn UI, Vite, TypeScript 기반의 최신 어드민 패널 템플릿이다. Monorepo 구조를 채택하여 확장성과 개발 속도를 모두 만족시킨다.
A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
닌텐도 '모여봐요 동물의 숲' 게임 인터페이스에서 영감을 받은 React UI 컴포넌트 라이브러리이다. 게임의 아기자기한 디자인 요소를 웹 애플리케이션에 적용할 때 유용하다.
Animal 风格的 React 组件库 灵感来源于任天堂《集合啦！动物森友会》 Vue 版同步发布 Animal Crossing-style React UI component library, inspired by Nintendo's game visuals Vue version available.
안드로이드 UI 개발 생산성을 높이는 Tencent의 UI 라이브러리. 재사용 가능한 컴포넌트를 제공합니다.
提高 Android UI 开发效率的 UI 库
Next.js 기반의 SaaS 제품 및 온라인 서비스를 위한 무료 랜딩 페이지 템플릿이다. Tailwind CSS와 Next SEO가 포함되어 있어 검색 엔진 최적화에 유리하다.
⚡ Free Next.js landing page template for SaaS products, online services and more.
GitHub의 디자인 시스템인 Primer의 공식 CSS 구현체입니다.
Primer is GitHub's design system. This is the CSS implementation
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.
브라우저 기본 개발 방식을 따르는 경량 Web UI 컴포넌트 라이브러리다. 직관적인 사용법으로 웹 페이지 개발을 간소화한다.
一套遵循浏览器原生态开发模式的 Web UI 组件库。
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
안드로이드 UI 라이브러리를 모아둔 목록입니다.
A curated list of awesome Android UI/UX libraries
Elm 아키텍처에서 영감을 받은 Rust용 크로스플랫폼 GUI 라이브러리다. 안전하고 효율적인 데스크톱 애플리케이션 개발을 지원한다.
A cross-platform GUI library for Rust, inspired by Elm
React 애니메이션의 사실상 표준. 페이지 전환·gesture·layout 애니메이션이 한 API에 다 모여 있음.
An open source motion library for React, made by Framer.
Segment에서 개발한 React 기반 디자인 시스템. 안정적이고 확장 가능한 컴포넌트 제공합니다.
🌲 Evergreen React UI Framework by Segment
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
AI 코딩 에이전트로 한 명령어로 웹사이트를 복제하는 템플릿. Claude 기반 자동화를 지원합니다.
Clone any website with one command using AI coding agents
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).
디자인 및 코드 협업을 위한 오픈 소스 디자인 도구
Penpot: The open-source design tool for design and code collaboration
shadcn/ui, React, TypeScript, Tailwind CSS 스택으로 구현된 무료 랜딩 페이지 템플릿이다. 다크 모드와 반응형 디자인을 지원하며, 세련된 UI를 빠르게 구축할 때 유용하다.
Free Landing page template using Shadcn, React, Typescript and Tailwind
랜딩페이지에 바로 쓰는 애니메이션 컴포넌트 모음. shadcn 스타일로 복붙해서 쓸 수 있어요.
150+ free open-source animated components and effects built with React, Tailwind, and Motion.
디자인을 위한 도구.
The best design tools and plugins for everything 👉
구글 Material Design을 따르는 React UI 라이브러리. 엔터프라이즈 대시보드에서 가장 많이 채택.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
iOS 앱의 UI 개발을 위한 효율적인 라이브러리. 다양한 UI 컴포넌트와 기능을 제공합니다.
QMUI iOS——致力于提高项目 UI 开发效率的解决方案
대규모 시스템 설계 방법을 배우고 인터뷰를 준비하는 데 도움을 줍니다. Python으로 작성되었으며 Anki 플래시카드도 포함합니다.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
웹, 데스크톱, 모바일용 프레임워크입니다.
Fullstack app framework for web, desktop, and mobile.
알리바바가 만든 엔터프라이즈 React UI 키트. 한국·중국 SaaS에서 가장 많이 보이는 디자인 시스템.
An enterprise-class UI design language and React UI library
아이콘 도구로 SVG, 글꼴, CSS를 제공합니다.
The iconic SVG, font, and CSS toolkit
타입스크립트/리액트 라이브러리로 AI 챗봇을 구현할 수 있습니다.
Typescript/React Library for AI Chat💬🚀