Pixel Art to CSS는 box-shadow와 keyframes를 활용해 픽셀 아트를 디자인하고 CSS 코드를 생성하는 React 기반 온라인 에디터입니다. 팔레트 커스터마이즈, 애니메이션 설정, 프로젝트 저장/불러오기, 정적 이미지 및 GIF 등 내보내기를 지원합니다.
오픈 소스. 새로운 가능성.
우수한 오픈 소스 프로젝트를 발견하고, 익명으로 프로젝트를 제출하며, 내 프로젝트를 신청해 편집하세요.
호기심으로 오픈 소스의 세계를 발견하세요.
THE FIRST COLLECTIONcoss.com/ui는 Cal.com의 공식 디자인 시스템으로, Base UI 기반의 React 컴포넌트와 Tailwind CSS로 스타일링된 TypeScript 모노레포입니다. 복사 및 붙여넣기 방식으로 소유하도록 설계되었으며, 문서 사이트와 레거시 Origin UI 스냅샷을 포함합니다.
JavaScript, React, Vue를 위한 현대적인 오픈 소스 애니메이션 라이브러리로, GPU 가속 성능과 간결한 API를 제공합니다.
React 19, CoreUI React 컴포넌트 및 Vite 기반의 MIT 라이선스 무료 React 관리자 및 대시보드 템플릿입니다. AI 어시스턴트 컨텍스트 파일과 레이아웃, 라우팅, 사이드바 스켈레톤을 제공합니다.
Base Web는 Uber의 Base 디자인 시스템을 구현한 React 컴포넌트 라이브러리로, TypeScript 지원과 Styletron 기반 스타일링을 갖춘 현대적이고 반응형인 UI 컴포넌트를 제공합니다. 현재 유지보수 모드입니다.
재사용 가능한 컴포넌트를 사용하여 선언적으로 3D 장면을 구축할 수 있게 해주는 Three.js용 React 렌더러입니다.
A Next.js, TypeScript, and Chakra UI starter that demonstrates embedding a p5.js sketch with react-p5, including app-wide theming and deployment guidance.
GitLab의 Pajamas Design System 컴포넌트 라이브러리를 React로 포팅한 프로젝트로, 디자인 토큰, 기초 스타일 및 GlButton, GlLink 등 기본 컴포넌트를 제공하며 현재 활발히 개발 중입니다.
UI Layouts는 현대적이고 창의적인 웹 인터페이스 구축을 위한 오픈소스 컴포넌트 라이브러리로, Tailwind CSS, Motion, clsx, tailwind-merge 등 세트를 위한 준비된 블록과 효과 컴포넌트를 제공한다.
ChartDB는 단 한 번의 쿼리로 스키마를 즉시 시각화할 수 있는 오픈 소스 웹 기반 데이터베이스 다이어그램 에디터입니다. 설치나 비밀번호가 필요 없으며, 다양한 데이터베이스 지원 및 AI 기반 SQL 내보내기 기능을 제공합니다.
Lottie(.json) 및 dotLottie(.lottie) 애니메이션을 위한 공식 LottieFiles 웹 플레이어로, Rust + WASM 코어, 다양한 렌더링 백엔드, 런타임 테마, 상태 머신 및 다양한 프레임워크 SDK를 제공합니다.
Braid는 SEEK Group의 테마 가능 디자인 시스템으로, React 컴포넌트 라이브러리로 제공됩니다. Vanilla Extract로 스타일링된 컴포넌트, BraidProvider 및 테마를 제공하며 sku 기반 프로젝트를 위한 설정 가이드를 포함합니다.
Priceline Design System는 Priceline.com의 오픈소스 UI 컴포넌트 라이브러리이자 디자인 표준으로, 인터페이스 패턴 통합, 디자인 및 개발 가속화, 접근성·국제화·반응형 웹 설계 촉진 등을 목표로 한다.
고충실도 비주얼 웹사이트를 위해 설계된 애니메이션 우선 React 프레임워크로, 지속성 셸과 실시간 조정 가능한 모션 토큰을 제공합니다.
oh-my-design은 AI 코딩 에이전트에 디자인 시스템을 설치하는 오픈소스 CLI 도구입니다. 한 번의 명령어로 440개 이상의 기업 디자인 레퍼런스, 28개 스킬, 20개 전문 역할을 Claude Code, Codex, Cursor, OpenCode 등 지원 에이전트에 추가합니다. 철학, 토큰, 컴포넌트 계약을 담은 휴대용 DESIGN.md를 생성합니다.
React Suite는 웹 애플리케이션 구축을 위한 React UI 컴포넌트 라이브러리입니다. 주요 브라우저를 지원하고 Next.js와 함께 서버 사이드 렌더링도 가능합니다.
Helsinki Design System(HDS)는 헬싱키 시에서 구축한 오픈소스 디자인 시스템으로, 접근성 지원 React 컴포넌트, CSS 스타일, 디자인 토큰 및 문서와 디자인 리소스를 제공한다.
Magic UI는 디자인 엔지니어가 자신의 애플리케이션에 복사하여 붙여넣을 수 있도록 설계된 애니메이션 컴포넌트와 효과를 제공하는 오픈 소스 UI 라이브러리입니다.
PrimeReact는 이제 유지 관리 모드로 전환되어 보안 수정만 제공되며, 활발한 개발은 PrimeUI로 이전되었습니다. 기존 MIT 라이선스 릴리스는 영구적으로 MIT 라이선스가 유지됩니다.
Tailgrids는 Tailwind CSS 기반의 오픈 소스 React UI 컴포넌트 라이브러리로, 100개 이상의 프로덕션 준비 완료된 복사-붙여넣기 가능 컴포넌트, UI 블록 및 템플릿을 제공하며 TypeScript 지원, 접근성, 다크 모드 및 CLI 설치 기능을 갖추고 있습니다.