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

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

Spruce CSS는 변수, 믹스인, 함수, 소수의 유틸리티 클래스 및 다크 모드를 포함한 CSS 사용자 정의 속성 테마 기능을 제공하는 오픈 소스 경량 Sass 기반 CSS 디자인 시스템 및 프레임워크입니다.

웹 프로젝트를 위해 24x24 그리드로 설계된 6,100개 이상의 무료 MIT 라이선스 고품질 SVG 아이콘 컬렉션입니다.

Helsinki Design System(HDS)는 헬싱키 시에서 구축한 오픈소스 디자인 시스템으로, 접근성 지원 React 컴포넌트, CSS 스타일, 디자인 토큰 및 문서와 디자인 리소스를 제공한다.

GitHub Dark는 GitHub 인터페이스를 다크 테마로 변환하는 사용자 스타일 프로젝트로, 장시간 코딩 시 눈의 피로를 줄여줍니다. Stylus 등 브라우저 확장 프로그램과 함께 사용되며, GitHub, CodeMirror, Jupyter용 구문 강조 테마를 지원합니다.

Material Design for Bootstrap(MDB)는 700개 이상의 컴포넌트, 테마, 템플릿을 제공하는 무료 UI 키트로, 반응형 모바일 우선 웹사이트 구축을 지원합니다. jQuery, Angular, React, Vue용으로 제공되며 MIT 라이선스 하에 무료입니다.

Bootstrap은 반응형 모바일 우선 웹사이트를 만들기 위한 널리 사용되는 오픈소스 프런트엔드 프레임워크입니다. 컴파일 및 소스 CSS, JavaScript 컴포넌트, 유틸리티 클래스, 테마 도구를 제공하며 npm, Composer, NuGet 등으로 설치할 수 있습니다.

design-md-hub는 120개 브랜드의 디자인 시스템을 단일 평문 DESIGN.md 파일로 저장한 오픈소스 레포지토리입니다. AI 코딩 에이전트가 온브랜드 UI를 생성할 수 있도록 실제 사이트에서 역추적한 색상, 타이포그래피, 컴포넌트, 가드레일을 제공합니다.

Tailwind CSS는 사용자 정의 UI를 빠르게 구축하기 위한 오픈 소스 유틸리티 우선 CSS 프레임워크입니다. 전체 문서는 tailwindcss.com에서, 커뮤니티 도움말과 아이디어는 GitHub Discussions에서 확인할 수 있습니다.

HTML5 Boilerplate는 10년 이상의 커뮤니티 지식을 바탕으로 구축된 전문적인 프론트엔드 템플릿입니다. 특정 프레임워크에 얽매이지 않아 유연한 코드 아키텍처를 지원하며, 빠른 성능과 견고함을 제공합니다.

ZeroWeb은 Rust로 작성된 실험적인 크로스 플랫폼 브라우저 프로젝트로, 임베디드 가능한 ZeroWebView 라이브러리와 완전한 ZeroBrowser 애플리케이션을 동시에 제공합니다. DOM, CSS, 레이아웃, 렌더링, 스크립트 런타임, 저장소 및 보안 등 페이지 커널 계층을 자체 개발하며, AI 주도로 개발되는 엔지니어링 실험입니다.

Simple Multi Apps - Kotlin은 스톱워치, 게임, PDF 리더, 비디오 플레이어 등 다양한 도구를 모듈식으로 제공하는 오픈소스 Android 애플리케이션입니다.

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

esbuild는 웹용 매우 빠른 자바스크립트 번들러로, Go로 작성되었습니다. JavaScript, CSS, TypeScript, JSX를 네이티브로 지원하며, ESM 및 CommonJS를 번들링하고 CLI, JS 및 Go API를 통해 트리 쉐이킹, 최소화, 소스 맵, 로컬 서버, 감시 모드 및 플러그인을 제공합니다.

Anime.js는 CSS 속성, SVG, DOM 속성 및 JavaScript 객체 애니메이션을 위한 강력한 API를 제공하는 빠르고 가벼운 JavaScript 애니메이션 라이브러리입니다.

Hyper는 Vercel이 개발한 오픈소스 터미널 에뮬레이터로, 오픈 웹 표준 기반으로 확장 가능하고 커스터마이징 가능한 명령줄 환경을 플러그인과 테마와 함께 제공합니다.

Parcel은 HTML, CSS, JavaScript 및 많은 애셋 유형을 기본으로 지원하는 zero-configuration 웹 빌드 도구로, 내장된 개발 서버, 핫 리로딩, Rust 기반 컴파일, 캐싱, 자동 프로덕션 최적화를 제공합니다.

CSS 프레임워크를 주제별로 정리한 큐레이션 디렉토리로, 베이스 리셋, 클래스리스, 경량, 범용, 머티리얼 디자인, 유틸리티 기반, 특수 목적, 개발 중단 프로젝트 섹션을 포함합니다.

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

Prettier는 코드를 파싱하여 일관된 규칙으로 다시 출력하는 확고한 스타일의 코드 포맷터입니다. 최대 줄 길이를 고려하여 필요한 경우 줄바꿈을 수행하며, 에디터 저장 시, pre-commit 훅 또는 CI에서 실행할 수 있습니다.