웹과 React Native에서 상태 관리와 유효성 검사를 지원하는 고성능 폼 구축용 React Hooks 라이브러리입니다.
mantinedev/mantine
100개 이상의 컴포넌트와 80개 이상의 훅, 폼·차트·알림 등을 위한 애드온 패키지를 제공하는 React 컴포넌트 라이브러리입니다.
- 스타
- 31,852
- 포크
- 2,400
- 열린 이슈
- 32
- 마지막 커밋
- 8시간 전
어떤 프로젝트인가요?
Mantine은 TypeScript로 작성된 React 컴포넌트 라이브러리입니다. 핵심 패키지인 @mantine/core는 100개 이상의 UI 컴포넌트를 제공하고, @mantine/hooks는 상태와 UI 관리를 위한 80개 이상의 훅을 제공합니다. 다크 모드와 테마 기능도 기본으로 지원합니다.
핵심 패키지 외에도 Mantine은 일반적인 애플리케이션 요구사항을 위한 별도 패키지를 제공합니다. 폼 관리(@mantine/form), Recharts 기반 차트, 알림 시스템, Ctrl+K 명령 센터(spotlight), highlight.js를 사용한 코드 강조 표시, Tiptap 기반 리치 텍스트 에디터, 드래그 앤 드롭 파일 드롭존, 캐러셀, 모달 관리자, 이벤트용 일정 컴포넌트 등이 있습니다.
각 패키지는 개별적으로 설치할 수 있어 프로젝트에 필요한 기능만 선택해 도입할 수 있습니다. 이 프로젝트는 MIT 라이선스로 배포되며 공식 웹사이트에서 문서를 확인할 수 있습니다.
핵심 기능
- 01@mantine/core에서 제공하는 100개 이상의 React 컴포넌트
- 02상태와 UI 관리를 위한 80개 이상의 훅
- 03기본 제공되는 다크 모드와 테마 기능
- 04폼, 차트, 알림, 리치 텍스트 에디터를 위한 별도 패키지
- 05TypeScript로 작성
활용 사례
- 기성 UI 키트로 관리자 대시보드나 내부 도구 만들기
- React 애플리케이션에 유효성 검사가 포함된 폼 추가하기
- 일관된 스타일로 웹 앱에 차트와 알림 표시하기
- React 앱에서 탐색을 위한 Ctrl+K 명령 팔레트 만들기
빠른 시작
- 1
npm에서 핵심 컴포넌트 라이브러리를 설치하세요
npm install @mantine/core @mantine/hooks - 2
문서를 읽고 첫 번째 앱을 설정하세요
토픽
자주 묻는 질문
- mantine은(는) 무엇인가요?
- 100개 이상의 컴포넌트와 80개 이상의 훅, 폼·차트·알림 등을 위한 애드온 패키지를 제공하는 React 컴포넌트 라이브러리입니다. Mantine은 TypeScript로 작성된 React 컴포넌트 라이브러리입니다. 핵심 패키지인 @mantine/core는 100개 이상의 UI 컴포넌트를 제공하고, @mantine/hooks는 상태와 UI 관리를 위한 80개 이상의 훅을 제공합니다. 다크 모드와 테마 기능도 기본으로 지원합니다.
- mantine은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- mantine은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- mantine은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. mantine의 마지막 커밋은 2026년 10월 21일입니다.
- mantine은(는) 어디에 사용할 수 있나요?
- 기성 UI 키트로 관리자 대시보드나 내부 도구 만들기 React 애플리케이션에 유효성 검사가 포함된 폼 추가하기 일관된 스타일로 웹 앱에 차트와 알림 표시하기 React 앱에서 탐색을 위한 Ctrl+K 명령 팔레트 만들기
- mantine는 어떻게 설치하나요?
- npm에서 핵심 컴포넌트 라이브러리를 설치하세요: npm install @mantine/core @mantine/hooks 문서를 읽고 첫 번째 앱을 설정하세요
- mantine은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mantinedev/mantine
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
다크 모드와 Next.js RSC를 지원해 웹 앱을 빠르게 만들 수 있는 접근성 중심의 React 컴포넌트 라이브러리이자 디자인 시스템입니다.
눈의 피로를 줄이기 위해 Chrome, Firefox, Safari, Edge, Thunderbird에서 웹 페이지를 다크 모드로 바꿔 주는 브라우저 확장 프로그램입니다.
GPUI 프레임워크에서 크로스 플랫폼 앱을 만들 수 있는 75개 이상의 스타일 지정 컴포넌트를 제공하는 Rust 데스크톱 GUI 키트입니다.
Provider 없이 사용할 수 있는 React용 경량 훅 기반 상태 관리 라이브러리입니다.
캐시된 데이터를 먼저 반환한 뒤 백그라운드에서 재검증하는 React Hooks 데이터 페칭 라이브러리입니다.