Radix UI와 Tailwind CSS 기반의 React 컴포넌트를 복사해 사용하고, 직접 소유하며 코드베이스에서 자유롭게 수정할 수 있습니다.
mui/base-ui
맞춤형 디자인 시스템 구축을 위한 접근성 높은 UI 기본 요소를 제공하는 스타일 없는 React 컴포넌트 라이브러리입니다.
- 스타
- 11,193
- 포크
- 582
- 열린 이슈
- 429
- 마지막 커밋
- 11시간 전
어떤 프로젝트인가요?
Base UI는 사용자 인터페이스 구축에 쓰이는 스타일 없는 React 컴포넌트 라이브러리입니다. 컴포넌트가 동작, 접근성, 상태를 처리하므로 시각적 스타일은 직접 적용하면 됩니다. 따라서 어떤 디자인 시스템이나 CSS 방식에도 잘 어울립니다.
Radix, Floating UI, Material UI를 만든 팀이 개발했으며, 미리 만들어진 시각적 테마를 도입하지 않고도 접근성 높은 인터랙티브 요소를 사용하려는 개발자를 대상으로 합니다. 문서, 빠른 시작 가이드, 릴리스 노트는 base-ui.com에서 확인할 수 있습니다.
이 프로젝트는 TypeScript로 작성되었으며 MIT 라이선스로 배포됩니다. 저장소에는 수정 제안과 변경 사항의 빌드 및 테스트 방법을 안내하는 기여 가이드가 포함되어 있습니다.
핵심 기능
- 01시각적 디자인을 전적으로 개발자에게 맡기는 스타일 없는 컴포넌트입니다.
- 02WAI-ARIA 패턴을 따르는 접근성 기능이 내장되어 있습니다.
- 03React 애플리케이션용으로 TypeScript로 작성되었습니다.
- 04맞춤형 디자인 시스템에 조합해 사용할 수 있도록 설계되었습니다.
활용 사례
- 스타일을 전적으로 직접 관리하는 맞춤형 디자인 시스템 구축.
- 미리 만들어진 테마 없이 React 앱에 접근성 높은 다이얼로그, 메뉴, 폼 컨트롤 추가.
- 일관된 동작을 유지하면서 스타일이 적용된 컴포넌트 라이브러리에서 마이그레이션.
빠른 시작
- 1
문서에서 Base UI 빠른 시작 가이드를 읽어 보세요
- 2
릴리스 페이지에서 최신 업데이트를 확인하세요
토픽
자주 묻는 질문
- base-ui은(는) 무엇인가요?
- 맞춤형 디자인 시스템 구축을 위한 접근성 높은 UI 기본 요소를 제공하는 스타일 없는 React 컴포넌트 라이브러리입니다. Base UI는 사용자 인터페이스 구축에 쓰이는 스타일 없는 React 컴포넌트 라이브러리입니다. 컴포넌트가 동작, 접근성, 상태를 처리하므로 시각적 스타일은 직접 적용하면 됩니다. 따라서 어떤 디자인 시스템이나 CSS 방식에도 잘 어울립니다.
- base-ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- base-ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- base-ui은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. base-ui의 마지막 커밋은 2026년 10월 21일입니다.
- base-ui은(는) 어디에 사용할 수 있나요?
- 스타일을 전적으로 직접 관리하는 맞춤형 디자인 시스템 구축. 미리 만들어진 테마 없이 React 앱에 접근성 높은 다이얼로그, 메뉴, 폼 컨트롤 추가. 일관된 동작을 유지하면서 스타일이 적용된 컴포넌트 라이브러리에서 마이그레이션.
- base-ui는 어떻게 설치하나요?
- 문서에서 Base UI 빠른 시작 가이드를 읽어 보세요 릴리스 페이지에서 최신 업데이트를 확인하세요
- base-ui은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mui/base-ui
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
다크 모드와 Next.js RSC를 지원해 웹 앱을 빠르게 만들 수 있는 접근성 중심의 React 컴포넌트 라이브러리이자 디자인 시스템입니다.
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.
React 19과 StyleX 기반의 오픈 소스 React 디자인 시스템으로, 접근성 높은 컴포넌트 150개 이상과 테마, CLI를 제공합니다.
웹 애플리케이션 구축을 위한 엔터프라이즈급 React UI 컴포넌트 라이브러리이자 디자인 언어입니다.
Google Material Design을 구현한 React 컴포넌트 라이브러리로, 바로 사용할 수 있는 다양한 UI 컴포넌트를 제공합니다.