keenthemes/reui

어떤 프로젝트인가요?

핵심 기능

• 01기본 shadcn/ui에 없는 데이터 그리드, 간트 차트, 칸반 보드, 이벤트 캘린더 등의 자체 제작 컴포넌트 27개를 추가합니다.
• 02모든 자체 제작 컴포넌트를 Radix UI 버전과 Base UI 버전으로 제공합니다.
• 03shadcn CLI로 컴포넌트를 설치하며, 코드는 사용자 저장소에 복사됩니다.
• 04대시보드 스타일 레이아웃으로 구성한 예제 1,264개를 제공합니다.
• 05AI 코딩 도구를 위한 무료 MCP 서버와 agent skill을 제공합니다.
• 06MIT 라이선스로 제공되는 TypeScript 프로젝트입니다.

활용 사례

• 정렬, 필터링, 가상화를 지원하는 데이터 그리드가 필요한 관리자 대시보드 구축.
• React 웹 앱에 캘린더나 간트 차트 같은 일정 관리 화면 추가.
• 대시보드 및 폼 블록을 바탕으로 제품 UI를 빠르게 프로토타이핑.
• 검증된 컴포넌트 레지스트리를 활용해 AI 코딩 에이전트가 shadcn 기반 인터페이스를 구성하도록 지원.

빠른 시작

1. 1

   컴포넌트 카탈로그를 둘러보고 컴포넌트를 선택하세요

2. 2

   shadcn CLI를 사용해 shadcn/ui 프로젝트에 컴포넌트를 추가하세요

   npx shadcn@latest add @reui/data-grid

사용 전 알아둘 점

• !복사해 직접 소유하는 소스 라이브러리이며 npm 패키지는 없습니다. 따라서 복사한 코드를 직접 유지 관리하고 업데이트해야 합니다.
• !shadcn/ui, React 18 이상, Tailwind CSS 4 이상을 기반으로 하므로 해당 스택을 미리 갖춰야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

reui은(는) 무엇인가요?

React 프로젝트에 직접 복사해 사용하는 대시보드 스타일 예제 1,264개가 포함된 무료 오픈 소스 shadcn/ui 컴포넌트 및 블록 라이브러리입니다. ReUI는 shadcn/ui와 Tailwind CSS를 기반으로 만든 컴포넌트 라이브러리입니다. shadcn/ui에 기본 포함되지 않은 데이터 그리드, 이벤트 캘린더, 간트 차트, 칸반 보드, 필터 빌더, 캐스케이더, 코드 블록, 색상 선택기 등 자체 제작 컴포넌트 27개를 추가합니다. 자체 제작 컴포넌트는 모두 Radix UI 버전과 Base UI 버전으로 제공됩니다.

reui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

reui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

reui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. reui의 마지막 커밋은 2026년 10월 16일입니다.

reui은(는) 어디에 사용할 수 있나요?

정렬, 필터링, 가상화를 지원하는 데이터 그리드가 필요한 관리자 대시보드 구축. React 웹 앱에 캘린더나 간트 차트 같은 일정 관리 화면 추가. 대시보드 및 폼 블록을 바탕으로 제품 UI를 빠르게 프로토타이핑. 검증된 컴포넌트 레지스트리를 활용해 AI 코딩 에이전트가 shadcn 기반 인터페이스를 구성하도록 지원.

reui는 어떻게 설치하나요?

컴포넌트 카탈로그를 둘러보고 컴포넌트를 선택하세요 shadcn CLI를 사용해 shadcn/ui 프로젝트에 컴포넌트를 추가하세요: npx shadcn@latest add @reui/data-grid

reui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/keenthemes/reui