WebやReact Native向けに、状態管理とバリデーションを備えた高パフォーマンスなフォームを構築するReact Hooksライブラリ。
mantinedev/mantine
100以上のコンポーネント、80以上のフックを備え、フォーム、チャート、通知などの追加パッケージも提供するReactコンポーネントライブラリ。
- スター
- 31,852
- フォーク
- 2,400
- 未解決の Issue
- 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アプリケーションにバリデーション付きフォームを追加する
- Webアプリに一貫したスタイルのチャートや通知を表示する
- 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アプリケーションにバリデーション付きフォームを追加する Webアプリに一貫したスタイルのチャートや通知を表示する Reactアプリのナビゲーション用にCtrl+Kのコマンドパレットを作成する
- mantine のインストール方法は?
- npmからコアコンポーネントライブラリをインストールする: npm install @mantine/core @mantine/hooks ドキュメントを読んで最初のアプリをセットアップする
- mantine はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/mantinedev/mantine
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ダークモードとNext.js RSCに対応し、Webアプリをすばやく構築できるアクセシブルなReactコンポーネントライブラリ兼デザインシステム。
目の疲れを軽減するため、Chrome、Firefox、Safari、Edge、ThunderbirdでWebページをダークモードにするブラウザー拡張機能。
GPUIフレームワークでクロスプラットフォームアプリを構築するための、75以上のスタイル付きコンポーネントを備えたRust製デスクトップGUIキット。
Provider不要の、React向け小型フックベースの状態管理ライブラリ。
キャッシュデータを先に返し、バックグラウンドで再検証するデータ取得用React Hooksライブラリ。