ColorlibHQ/gentelella

これは何？

主な機能

• 01Vite 8を基盤に、BootstrapやjQueryに依存せずVanilla JavaScriptとSCSSで構築。
• 02ダッシュボード、認証画面、フォーム、EC画面など、すぐに使えるHTMLページを58種類用意。
• 0320種類のEChartsグラフと、ソート、検索、行選択、CSVエクスポートに対応したDataTables。
• 04ライブテーマジェネレーターでSCSSトークンを出力できるライトテーマとダークテーマ。
• 05受信トレイ、カンバン、カレンダー、ファイルマネージャーのアプリ画面と、Cmd+Kで開くコマンドパレット。
• 06RTLレイアウトに対応し、サービスワーカー付きのPWAマニフェストを搭載。

ユースケース

• 大規模なフロントエンドフレームワークを採用せずに、SaaSや社内向けの管理画面を立ち上げる。
• バックオフィス画面のプロトタイプを作成し、クリック可能なデザイン参考資料を共有する。
• 独自のAPIを基盤に、CRM、ERP、プロジェクト管理のUIを構築する。
• 静的な管理サイトをNetlify、Vercel、S3、GitHub Pagesにデプロイする。

クイックスタート

1. 1

   セットアップとビルドの手順については、GentelellaのGetting Startedガイドを開いてください

2. 2

   READMEの手順に従って、npmでプロジェクトをビルドしてください

   npm run build

使う前に知っておきたいこと

• !プロジェクトのビルドには、Viteを含むNode.jsとnpmのツールチェーンが必要です。

トピック

よくある質問

gentelella とは？

Vanilla JavaScript、SCSS、Viteで構築された、BootstrapやjQueryを使わないMITライセンスの無料管理ダッシュボードテンプレート。 Gentelella v4は、SaaSダッシュボード、CRM、社内ツールなどのバックオフィス向け画面を構築するための管理ダッシュボードテンプレートです。Vite 8を基盤とするマルチページ構成で、Vanilla JavaScriptとSCSSで実装されているため、Bootstrap、jQuery、SPAフレームワークに依存しません。ダッシュボード、認証画面、フォーム、DataTablesを使ったテーブル、EChartsのグラフに加え、受信トレイ、カンバンボード、カレンダー、ファイルマネージャーなどのアプリ画面を含む58ページのHTMLが用意されています。

gentelella は無料で使えますか？ライセンスは？

gentelella は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

gentelella は今もメンテナンスされていますか？

活発にメンテナンス中。gentelella の最終コミットは 2026年10月31日 です。

gentelella は何に使えますか？

大規模なフロントエンドフレームワークを採用せずに、SaaSや社内向けの管理画面を立ち上げる。 バックオフィス画面のプロトタイプを作成し、クリック可能なデザイン参考資料を共有する。 独自のAPIを基盤に、CRM、ERP、プロジェクト管理のUIを構築する。 静的な管理サイトをNetlify、Vercel、S3、GitHub Pagesにデプロイする。

gentelella のインストール方法は？

セットアップとビルドの手順については、GentelellaのGetting Startedガイドを開いてください READMEの手順に従って、npmでプロジェクトをビルドしてください: npm run build

gentelella はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/ColorlibHQ/gentelella