Alibaba Ant Design
고품질 React 컴포넌트를 갖춘 기업용 UI 디자인 언어이자 React UI 라이브러리 Ant Design이다.
디자인 시스템
출처Design systems (awesome-design-systems + hand-picked) 150
MUI: Material UI
구글 Material Design을 구현한 오픈소스 React 컴포넌트 라이브러리 Material UI다.
daisyUI
의미 있는 클래스 컴포넌트와 내장 테마를 갖춘 Tailwind CSS 컴포넌트 라이브러리 daisyUI다.
Chakra UI
React 앱용 단순하고 모듈식이며 접근성 좋은 UI 컴포넌트 Chakra UI다.
Materialize CSS
구글 Material Design 기반의 반응형 CSS 프레임워크 Materialize다.
Mantine
120개 넘는 컴포넌트와 훅을 갖춘 React 컴포넌트 라이브러리 Mantine이다.
HeroUI
React Aria와 Tailwind CSS v4로 만든 접근성 좋은 React UI 컴포넌트 HeroUI다.
Material Minimal
고전 Material Design을 개선한 버전이다.
Blueprint
웹용 React 기반 UI 툴킷 Blueprint다.
Fluent UI
Microsoft 365에 자연스럽게 맞는 화면을 만드는 공식 프런트엔드 프레임워크 Fluent UI다.
Microsoft Fluent
디자인에서 개발까지, 앱과 플랫폼 사이를 자연스럽게 잇는 Microsoft의 디자인 시스템 Fluent다.
Apple Developer Design Guidelines
Apple 플랫폼용 앱을 디자인하는 문서와 자료를 모은 Apple 디자인 가이드라인이다.
Adobe Spectrum
Adobe 제품 전반의 구조와 일관성을 만드는 디자인 시스템 Spectrum이다.
Shoelace
어디서나 쓰는 수제 커스텀 엘리먼트(웹 컴포넌트) 모음 Shoelace다.
Meta Astryx
완전히 커스터마이즈할 수 있고 에이전트에도 맞춘 Meta의 오픈소스 디자인 시스템 Astryx다.
Evergreen
디자인 시스템 Evergreen이다.
MUI: Base UI
접근성 좋은 웹앱과 디자인 시스템을 만드는 스타일 없는 UI 컴포넌트 Base UI다.
Semi Design
틱톡(抖音) 프런트엔드·UED 팀이 관리하는 쉽게 커스터마이즈하는 디자인 시스템 Semi Design이다.
Flowbite Design System
변형, 오토 레이아웃, 다크 모드를 갖추고 Tailwind CSS와 맞물리는 무료 Figma 컴포넌트 모음 Flowbite다.
Hewlett Packard grommet
Hewlett Packard의 React UI 디자인 시스템 grommet이다.
U.S. Web Design Standards
접근성 좋고 모바일 친화적인 정부 웹사이트를 만드는 미국 웹 디자인 표준(USWDS)이다.
Elastic UI Framework
Elastic의 UI 프레임워크다.
Uiverse
UI 요소를 모은 Uiverse다.
Material Design 3
구글 머티리얼 디자인 3판(Material You) 가이드.
Pinterest Gestalt
Pinterest의 디자인 시스템 Gestalt다.
Cloudflare Kumo
Cloudflare의 모던 컴포넌트 라이브러리 Kumo다.
JetBrains Ring UI
JetBrains의 UI 컴포넌트 Ring UI(Storybook)다.
Salesforce Lightning Design System
Salesforce의 Lightning 디자인 시스템 2 문서다.
AWS Cloudscape Design System
대규모로 직관적이고 포용적인 UX를 만드는 AWS의 가이드라인, 프런트엔드 컴포넌트, 도구 모음 Cloudscape다.
BBC GEL (Global Experience Language)
BBC 디지털 서비스 전반에 일관된 경험을 만드는 공통 디자인 프레임워크 GEL이다.
Untitled UI
Tailwind CSS와 React Aria로 만든 오픈소스 React 컴포넌트를 복사해 붙여 쓰는 Untitled UI다.
Braid Design System
SEEK 그룹의 테마 적용형 디자인 시스템 Braid다.
Amplify UI
클라우드 연결 기능, 구성 요소, 테마로 접근성 좋은 앱을 쉽게 만드는 Amplify UI다.
Priceline Design System
Priceline의 디자인 시스템 Priceline One이다.
Vibe
monday.com의 디자인 시스템 Vibe다.
GOV.UK Design System
GOV.UK 스타일, 컴포넌트, 패턴으로 공공 서비스를 디자인하는 시스템이다.
Welcome UI
디자인 시스템 Welcome UI다.
Stacks – Stack Overflow
Stack Overflow의 디자인 시스템 Stacks다.
Porsche Design System
브랜드다운 포르쉐 디지털 제품을 만드는 UXI 가이드라인과 웹 컴포넌트 모음이다.
Backpack (Skyscanner)
여행자 중심 경험을 만드는 스카이스캐너의 가이드라인·컴포넌트·도구 모음 Backpack이다.
Strapi Design System
Strapi의 디자인 시스템(Storybook)이다.
HashiCorp Helios
일관되고 접근성 좋은 제품 경험을 만드는 HashiCorp의 오픈소스 디자인 시스템 Helios다.
AT UIKIT
O2Team의 UI 키트 AT UI다.
Twilio Paste
Twilio의 디자인 시스템 Paste다.
French Government Design System
프랑스 정부의 디자인 시스템이다.
Siemens iX
파트너와 고객을 위한 디지털 경험을 일관되게 만드는 Siemens의 오픈소스 디자인 시스템 iX다.
Workday Canvas
에이전트 경험을 위한 토큰, 컴포넌트, 패턴을 담은 Workday의 AI 네이티브 디자인 시스템 Canvas다.
Contentful Forma 36
Contentful 제품 UI를 쉽게 만드는 도구와 가이드를 담은 오픈소스 디자인 시스템 Forma 36이다.
Mozilla Protocol
Mozilla의 디자인 시스템 Protocol이다.
MongoDB Design System
MongoDB의 디자인 시스템이다.
Kontur
Kontur 웹 서비스의 UI 디자인 요구 사항을 담은 가이드 모음이다.
Korea Design System
누구나 쉽게 정부 서비스를 쓰도록 가이드라인과 디자인 리소스를 제공하는 대한민국 정부 디자인 시스템 KRDS다.
SAP Fundamental
SAP의 Fundamental 디자인 라이브러리다.
Google Material Design
오픈소스 코드와 함께 고품질 디지털 경험을 만드는 구글의 Material Design이다.
Pivotal
Pivotal Software의 디자인 시스템이자 컴포넌트 라이브러리 Pivotal UI 스타일 가이드다.
Gympass Yoga
Gympass의 디자인 시스템 Yoga다.
Artsy Palette
Artsy의 디자인 시스템 Palette(Storybook)다.
Decentraland UI
Decentraland의 UI 디자인 시스템(Storybook)이다.
Semrush Intergalactic Design System
Semrush의 디자인 시스템 Intergalactic이다.
Kaizen
Kaizen 디자인 시스템(Storybook)이다.