오픈 소스. 새로운 가능성.

Tailgrids는 Tailwind CSS 기반의 오픈 소스 React UI 컴포넌트 라이브러리로, 100개 이상의 프로덕션 준비 완료된 복사-붙여넣기 가능 컴포넌트, UI 블록 및 템플릿을 제공하며 TypeScript 지원, 접근성, 다크 모드 및 CLI 설치 기능을 갖추고 있습니다.

Go 성능 기반 마이크로 SaaS starter: Go + HTMX + templ + Supabase(RLS 포함)로 서버 렌더링 앱 시작. CI에서 성능 예산과 AI 에이전트 규율을 강제하고, 디자인 토큰, ADR 검사, 세 단계 개발 워크플로우를 내장했다.

TW Elements는 Tailwind CSS를 위한 MIT 라이선스 컴포넌트 라이브러리로, 다크 모드 지원, 테마 옵션 및 빠른 설치를 통해 개인 및 상업적 용도로 사용할 수 있는 500개 이상의 대화형 UI 컴포넌트와 117개 이상의 디자인 블록을 제공합니다.

Open Video Downloader는 yt-dlp용 그래픽 사용자 인터페이스를 제공하는 크로스플랫폼 데스크톱 애플리케이션으로, 다양한 웹사이트에서 비디오, 오디오, 자막 및 메타데이터를 다운로드할 수 있습니다.

Twin.macro는 Tailwind CSS 유틸리티 클래스를 CSS-in-JS 워크플로우로 가져오는 Babel 매크로로, 빌드 시점에 tw, css, styled, theme 사용법을 CSS 객체로 변환합니다. emotion, styled-components 등 다양한 라이브러리를 지원하며 Vite, Next.js, Gatsby 등 여러 환경의 설정 예제를 제공합니다.

UPORTAL은 이메일·링크 추적 및 발행물 관리를 위한 오픈소스 자체 호스팅 플랫폼입니다. 서드버드 확장 프로그램, 호스팅 마크다운 페이지, 파일 다운로드 추적, 통합 분석을 제공하며 MIT 라이선스로 Docker Compose 배포를 지원합니다.

Flowbite는 Tailwind CSS 기반의 오픈 소스 UI 컴포넌트 라이브러리로, 데이터 속성 기반의 인터랙티브 컴포넌트, vanilla JS API, TypeScript 타입, RTL 지원 및 React, Vue, Svelte, Angular 바인딩을 제공합니다.

designlang는 Playwright 기반 CLI로 라이브 DOM에서 디자인 시스템을 추출하고 DTCG 토큰, Tailwind 설정, Figma 변수, shadcn 테마, 컴포넌트 구조, 모션 토큰, 브랜드 목소리, WCAG 대비 감사, 다중 플랫폼 에미터 등을 포함한다.

RetroUI는 레트로 스타일의 Tailwind CSS 컴포넌트 라이브러리입니다. 네오브루탈리즘 영감을 받은 UI 요소로 bold하고 독창적인 웹 애플리케이션을 신속하게 구축할 수 있습니다.

Welcome UI는 Welcome to the Jungle(@wttj)가 공개한 React 기반의 커스터마이저블 디자인 시스템입니다. TypeScript, Tailwind CSS, Ariakit를 기반으로 하며, 웹 앱 개발에 필요한 핵심 컴포넌트를 제공합니다.

brandmd는 웹사이트의 디자인 시스템을 추출하여 공식 @google/design.md 린터를 통과하는 DESIGN.md 파일을 생성하는 CLI 도구입니다. 이를 통해 Claude Code, Cursor 등 코딩 에이전트에게 UI 작성 전 브랜드 컨텍스트를 제공하며, 기본적으로 API 키 없이 로컬에서 실행됩니다.

daisyUI는 Tailwind CSS를 위한 무료 오픈 소스 컴포넌트 라이브러리입니다. HTML에서 직접 사용할 수 있는 사전 설계된 맞춤형 UI 컴포넌트를 제공하며, 광범위한 문서, 컴포넌트 갤러리 및 커뮤니티 지원을 통해 높은 인기를 얻고 있습니다.

React Bits는 시각적으로 눈에 띄는 웹사이트를 구축하기 위한 165개 이상의 애니메이션 및 대화형 React 컴포넌트를 포함하는 오픈소스 라이브러리입니다. 여기에는 텍스트 애니메이션, 배경, UI 요소, 그리고 무료 창작 도구가 포함되어 있습니다.

Marigold는 react-aria와 Tailwind CSS를 기반으로 구축된 Marigold Design System의 React 구현체입니다. 이 모노레포는 컴포넌트 및 테마 패키지, Storybook 워크스페이스, Next.js 문서 사이트, Vitest 테스트 및 Changesets를 통한 CI 기반 릴리스를 제공합니다.

Design Oracle은 Playwright를 통해 웹사이트를 분석하여 색상, 타이포그래피, 간격, 컴포넌트 및 UX 패턴과 같은 디자인 시스템을 추출하며, Tailwind v4 설정, React JSX, JSON 디자인 토큰 또는 DESIGN.md 보고서로 내보냅니다. 단독 실행 또는 AI 에이전트를 위한 MCP 서버로 작동합니다.

프리미엄 프론트엔드, 웹사이트, 모션, 접근성, QA 및 신뢰할 수 있는 에이전트 워크플로우를 위한 80가지 엄선된 기술을 제공하는 비공식 오픈 소스 Codex 우선 Agent Skills 라이브러리입니다. Claude Code, Cursor, Gemini CLI용 어댑터와 벤치마크 및 예제를 포함합니다.

Stisla는 색상, 간격, 반경, 타이포그래피를 위한 제한된 디자인 토큰 세트를 공유하는 오픈 소스 컴포넌트 라이브러리입니다. 문서, 라이브 데모 및 다운로드 가능한 템플릿은 stisla.dev에서 확인할 수 있으며, MIT 라이선스로 제공됩니다.

Franken UI (franken-ui/ui)는 UIkit 3를 기반으로 LitElement로 확장하고 shadcn/ui에서 영감을 받은 HTML 우선 UI 컴포넌트 라이브러리입니다. 현재 README는 0build로의 이전 안내만 포함하고 있으며, 상세 문서는 외부 사이트에서 제공됩니다.

Django 기반의 인도 Christ College of Engineering(CCE) 오픈소스 웹사이트 프로젝트로, 대학 소개·과정·학과 등 학술 정보를 제공하는 포털 사이트이다.

Svelte 5용 UI 컴포넌트 라이브러리 kampsy/ui는 Vercel의 Geist에서 영감을 받아 개발자가 일관된 웹 경험을 구축할 수 있도록 돕습니다. MIT 라이선스로 배포되며 온라인 문서 사이트를 제공합니다.