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

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

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

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

Next.js 16+, Tailwind CSS 4, TypeScript를 위한 종합적인 프로덕션 준비 완료 보일러플레이트로, 테스트, 린팅 및 모니터링 도구 세트를 통해 개발자 경험을 최우선으로 합니다.

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

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

Filament은 Laravel을 위한 오픈 소스 UI 프레임워크로, Livewire를 통해 테이블, 폼, 인포리스트, 알림, 대시보드 위젯 및 액션 모달과 같은 기성 빌딩 블록을 제공하여 애플리케이션과 관리자 패널을 빠르게 구축할 수 있게 해줍니다.

Dembrandt는 Playwright로 사이트 렌더링 후 DOM 스타일을 읽어 색상, 타이포그래피, 간격, 보더, 그림자, 모션, 컴포넌트를 W3C 디자인 토큰으로 변환하는 Node.js CLI입니다. CI 드리프트 게이트와 MCP를 지원합니다.

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