React·헤드리스·컴포넌트 시스템
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
shadcn/ui shadcn/ui
프로젝트 안으로 가져와 수정하는 컴포넌트 코드와 배포 체계.
디자인을 직접 소유·수정하는 React UI.
일반적인 블랙박스 패키지와 다르다. 복사한 코드의 업데이트 책임을 관리한다.
Radix Primitives Radix Primitives
동작·접근성·키보드 처리를 제공하는 저수준 UI 프리미티브.
자체 디자인 시스템의 기반.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Radix Themes Radix Themes
Radix 기반의 스타일·테마·컴포넌트를 묶은 UI 구성 도구.
일관된 기본 외형의 React 앱.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Headless UI Headless UI
외형보다 UI 동작과 접근성에 초점을 둔 무스타일 컴포넌트.
맞춤 스타일의 메뉴·모달·선택 UI.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
React Aria React Aria
접근성·상호작용 패턴을 제공하는 훅과 컴포넌트 도구군.
키보드·보조기술 동작이 중요한 UI.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
React Spectrum React Spectrum
Adobe Spectrum 디자인 시스템에 기반한 React 컴포넌트.
Spectrum 계열 제품 UI.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
MUI MUI
Material UI를 비롯한 React UI 컴포넌트 도구군.
업무 앱·폼·대시보드.
기본 컴포넌트와 MUI X 유료 기능의 제공 범위를 구분한다.
Ant Design Ant Design
업무용 인터페이스를 위한 디자인 시스템과 컴포넌트 라이브러리.
관리 화면·테이블·복잡한 폼.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Chakra UI Chakra UI
스타일링과 조합 가능한 UI 컴포넌트를 제공하는 도구.
React 제품 UI·커스텀 테마.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Mantine Mantine
컴포넌트·훅·스타일링 기능을 제공하는 React UI 도구군.
대시보드·복합 입력 화면.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Fluent UI React Fluent UI React
Microsoft Fluent 디자인 언어 기반의 React UI 라이브러리.
Microsoft 계열 경험과 업무 UI.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Carbon React Carbon React
IBM Carbon 디자인 시스템의 React 구현.
기업·데이터 중심 업무 도구.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Blueprint Blueprint
밀도 높은 데스크톱형 웹 앱을 위한 UI 컴포넌트 모음.
데이터 탐색·관리 도구.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
PrimeReact PrimeReact
표·폼·메뉴 등 다양한 React 컴포넌트를 제공하는 UI 라이브러리.
업무용 화면과 대시보드.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
React Bootstrap React Bootstrap
Bootstrap 스타일을 React 컴포넌트로 제공하는 구현.
Bootstrap 디자인의 React 프로젝트.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Base UI Base UI
사용자가 외형을 구성할 수 있는 저수준 무스타일 UI 컴포넌트.
자체 React 컴포넌트 시스템.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
Ark UI Ark UI
상태 기계 기반의 무스타일 UI 프리미티브 도구군.
여러 프레임워크의 맞춤 디자인 시스템.
도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.
HeroUI HeroUI
테마와 접근성 기반 상호작용을 제공하는 React UI 컴포넌트.
React 제품 화면.
이전 NextUI 명칭 자료와 현재 문서의 패키지·API를 구분한다.
React, Headless & Component Systems
Open an entry for its visual reference, comparisons and source-language text.
shadcn/ui shadcn/ui
A component-code collection and distribution system designed to be copied into and customized within a project.
React interfaces whose component code is owned and modified by the project.
This differs from a conventional black-box package. Manage responsibility for updates to copied code.
Radix Primitives Radix Primitives
Low-level UI primitives providing behavior, accessibility, and keyboard handling.
Foundations for a custom design system.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Radix Themes Radix Themes
A collection of styles, themes, and components built around Radix.
React applications with consistent default appearance.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Headless UI Headless UI
Unstyled components focused on interaction behavior and accessibility rather than appearance.
Custom-styled menus, dialogs, and selection controls.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
React Aria React Aria
Hooks and component tools providing accessible interaction patterns.
Interfaces prioritizing keyboard and assistive-technology behavior.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
React Spectrum React Spectrum
React components based on Adobe's Spectrum design system.
Spectrum-family product interfaces.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
MUI MUI
A family of React interface tools that includes Material UI.
Business applications, forms, and dashboards.
Distinguish base components from paid MUI X features.
Ant Design Ant Design
A design system and component library for business interfaces.
Administration screens, tables, and complex forms.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Chakra UI Chakra UI
A toolkit offering styling and composable UI components.
React product interfaces and custom themes.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Mantine Mantine
A React toolkit providing components, hooks, and styling capabilities.
Dashboards and complex input screens.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Fluent UI React Fluent UI React
A React interface library based on Microsoft's Fluent design language.
Microsoft-aligned experiences and business interfaces.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Carbon React Carbon React
The React implementation of IBM's Carbon design system.
Enterprise and data-intensive tools.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Blueprint Blueprint
A component collection for dense, desktop-style web applications.
Data exploration and administration tools.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
PrimeReact PrimeReact
A React interface library offering tables, forms, menus, and other components.
Business screens and dashboards.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
React Bootstrap React Bootstrap
An implementation presenting Bootstrap styling through React components.
React projects using Bootstrap design.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Base UI Base UI
Low-level, unstyled interface components whose appearance is defined by the application.
Custom React component systems.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
Ark UI Ark UI
A family of unstyled UI primitives based on state machines.
Custom design systems across multiple frameworks.
Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status.
HeroUI HeroUI
React interface components providing themes and accessible interactions.
React product screens.
Distinguish older NextUI material from the packages and APIs in current documentation.