free react tailwind admin dashboard
1.0.0
TailAdmin は、React および Tailwind CSSに基づいて構築された無料のオープンソース管理ダッシュボード テンプレートであり、今後の Web プロジェクト向けの包括的なデータ駆動型バックエンド、ダッシュボード、または管理パネル ソリューションを作成するために必要なものすべてを開発者に提供します。
TailAdmin を使用すると、機能が豊富で完全なダッシュボードまたは管理パネルを構築するために必要なすべてのダッシュボード UI コンポーネント、要素、ページにアクセスできます。複雑な Web アプリケーションや単純な Web サイトのダッシュボードや管理パネルを構築している場合でも、TailAdmin は迅速な立ち上げと実行に役立つ完璧なソリューションです。
5 つのユニークなダッシュボード: 分析、e コマース、マーケティング、CRM (さらに追加される予定)
120 以上のダッシュボード UI コンポーネント
合計 200 以上の UI 要素
45 個以上の HTML ファイル
すべての重要な要素とファイル
完全な Figma デザイン ソース - デモで示されているとおり
1 つのユニークなダッシュボード
30 以上のダッシュボード UI コンポーネント
合計 50 以上の UI 要素
10 個以上の HTML ファイル
TypeScript のサポート
基本的な UI キットの要素とファイル
Figma デザイン ソース - 無料サンプル
Tailwind CSS に基づく TailAdmin React ダッシュボード テンプレートは、React JavaScript ライブラリと Tailwind CSS ユーティリティ優先フレームワークを使用して Web ベースのダッシュボードを構築するための事前に設計された開始点です。この Tailwind CSS + React ダッシュボード テンプレート - Tailwind CSS を使用して構築され、ナビゲーション メニュー、チャート、テーブル、フォームなどの事前構築済みコンポーネントが含まれており、簡単にカスタマイズして小規模から大規模の React Web アプリケーションに統合できます。
高品質のReact-Tailwind ダッシュボード、管理パネル テンプレート、または UI キットをお探しの場合は、TailAdmin が最適です。
Node.js >=v14.16+ (推奨バージョン) をインストールする必要があります (NPM が付属しています)。TailAdmin はフロントエンド ツールにVite を使用して、インストールと運用バージョンの構築を実行します。以下の手順に従ってください。
ターミナルを使用して、プロジェクト (tailadmin-react) ルートに移動します。
次に、 npm install実行します。
次に、 npm run devを実行します。
次に、ブラウザでlocalhost:5173に移動します。
実稼働ビルドの実行の場合: npm run build
デフォルトのビルド出力ディレクトリ: /dist
このコマンドは、サーバーにアップロードできるテンプレートのルートにビルド フォルダーとして dist を生成します。
React と Tailwind は、Web 開発の世界を席巻した 2 つの人気のあるテクノロジーです。 React はユーザー インターフェイスを構築するための JavaScript ライブラリですが、Tailwind は Web アプリケーションのスタイルを簡単に設定できるユーティリティ優先の CSS フレームワークです。 TailAdmin React は、コピー＆ペーストしてダッシュボード プロジェクトで使用できる 200 以上の必須 React + Tailwind CSS UI コンポーネントを提供します。これには、チャート、グラフ、ナビゲーションバー、タブ、ボタン、カード、テーブル、プロファイル、タブ、フォーム、モーダル、アプリ ページ、カレンダー、Web アプリのサンプル テンプレートなどが含まれます...Tailwind CSS を使用した React および Styled 用
機能強化 01:すべてのページでの DefaultLayout の繰り返しを削除
機能強化 02: ClickOutside コンポーネントを追加して、ヘッダー メッセージ、通知、およびユーザー ドロップダウンで繰り返される機能を削減します。
機能強化 01: flatpickr を [日付ピッカー/フォーム要素] に統合
拡張02: [要素/フォーム要素の選択]オプションを選択した後に色を変更します。
強化03: [ドロップダウン/フォーム要素の複数選択] を機能させます。
拡張 04:最良値を編集可能にします [価格表 1/価格表]。
強化05:フォルダー構造を再配置します。
TailAdmin React に Typescript を追加します。
TailAdmin React の初期リリース。
