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

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에서 실행할 수 있습니다.

WeasyPrint는 개발자가 웹 마크업을 활용해 보고서, 청구서, 티켓 등 전문가 수준의 문서를 생성할 수 있도록 돕는 Python 기반의 HTML/CSS to PDF 렌더링 엔진입니다.

Font Awesome은 디자이너와 개발자에게 SVG, 폰트 및 CSS 리소스를 제공하는 널리 사용되는 아이콘 라이브러리이자 툴킷입니다. Version 7이 현재 릴리스입니다.

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

Transform은 브라우저에서 다양한 데이터 및 코드 형식 간 변환을 지원하는 오픈소스 다국어 웹 변환기입니다. Next.js로 구축되었으며, 라우트별 변환기를 제공하고 자체 호스팅이 가능합니다.

픽셀 아트 작품을 선보이기 위해 설계된 웹 기반 갤러리입니다.

Tabler는 Bootstrap 5 기반의 무료 MIT 라이선스 HTML 대시보드 UI 키트로, 관리자 패널 및 웹 앱을 위한 레이아웃, 컴포넌트, 120개 이상의 데모 페이지, 다크 모드, RTL 스타일시트, Sass 소스 및 TypeScript 타입을 제공합니다.