Repolode
mantinedev

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. 1

    npm에서 핵심 컴포넌트 라이브러리를 설치하세요

    npm install @mantine/core @mantine/hooks
  2. 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 통계는 매일 갱신됩니다.

관련 프로젝트