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

Chakra UI는 접근 가능한 웹 앱과 SaaS 제품을 빠르게 구축하기 위한 오픈 소스 React 컴포넌트 시스템입니다. 설치 가능한 컴포넌트 패키지를 제공하며, Next.js RSC를 지원하고 MIT 라이선스로 배포됩니다.

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

styled-components는 React를 위한 CSS-in-JS 라이브러리로, 자동으로 scoped되는 실제 CSS를 작성할 수 있습니다. 서버/클라이언트 컴포넌트, 스트리밍 SSR, React Native에서 동일한 API를 지원하며 TypeScript 타입 내장, 13kB 미만 gzipped, 빌드 플러그인 불필요.

Panda는 디자인 시스템을 위한 범용적이고 타입 안전한 CSS-in-JS 프레임워크입니다. 빌드 타임에 스타일을 추출하여 캐스케이드 레이어와 변수가 포함된 현대적인 CSS를 생성하며, 레시피와 변형을 지원하고 대부분의 JS 프레임워크와 호환됩니다.

Priceline Design System는 Priceline.com의 오픈소스 UI 컴포넌트 라이브러리이자 디자인 표준으로, 인터페이스 패턴 통합, 디자인 및 개발 가속화, 접근성·국제화·반응형 웹 설계 촉진 등을 목표로 한다.