tabler - Tabler は、Bootstrap 上に構築された無料のオープンソース HTML ダッシュボード UI キットです。

(Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap)

Created at: 2018-02-01 17:08:59
Language: HTML
License: MIT

レスポンシブで高品質の UI を備えた、プレミアムでオープンソースのダッシュボード テンプレートです。

レスポンシブで高品質の UI を備えた、プレミアムでオープンソースのダッシュボード テンプレートです。

NPM バージョン NPM ダウンロード テーブラーのプレビュー ライセンス テーブラーのプレビュー GitHub スター GitHub スター

プレビュー

Tabler は完全にレスポンシブで、最新のすべてのブラウザーと互換性があります。モダンで使いやすいデザインのおかげで、ユーザーが気に入る完全に機能的なインターフェースを作成できます! 必要なレイアウトとコンポーネントを選択してカスタマイズし、デザインに一貫性を持たせて人目を引くようにします。すべてのコンポーネントは、インターフェースを美しくするために細部まで注意を払って作成されています! デモを見せて

テーブラーのプレビュー

特徴

既製のコンポーネントに基づいてテンプレートを作成したいすべての人のために、この管理パネルを作成しました。私たちの使命は、単純な Web サイトと高度なシステムの両方で使用できる、ユーザーフレンドリーで明確で簡単な管理パネルを提供することです。唯一の要件は、基本的な HTML と CSS (およびいくつかのLiquid ) の知識です。報酬として、さまざまな種類のデータを可能な限り簡単な方法で管理および視覚化できるようになります。

  • レスポンシブ:モバイル、タブレット、デスクトップ ディスプレイのサポートにより、使用しているデバイスは関係ありません。Tabler は、すべての主要なブラウザーでレスポンシブです。
  • クロス ブラウザー:私たちのテーマは、最新の Chrome、Firefox+、最新の Safari、Opera、Edge、およびモバイル ブラウザーで完全に動作します。私たちは彼らに継続的なサポートを提供するために懸命に取り組んでいます。
  • HTML5 & CSS3: HTML5 や CSS3 などの最新の Web テクノロジのみを使用しています。私たちのテーマには、注目を集めるのに役立つ微妙な CSS3 アニメーションが含まれています。
  • きれいなコード: Bootstrap のガイドラインに注意深く従って、統合をできるだけ簡単にしました。すべてのコードは手書きで、W3C が有効です。
  • デモ ページ: Tabler には、さまざまなコンポーネントを使用した 20 を超える個別のページがあり、自由に選択して組み合わせることができます。すべてのコンポーネントは、Sass を使用して簡単に変更できる色とスタイルで変えることができます。空は限界です!
  • シングル ページ アプリケーションのバージョン: Tabler Reactには、Tabler 用の React コンポーネントがあります。

ドキュメンテーション

ドキュメントは、Tabler プレビューの一部として入手できます: https://preview.tabler.io/docs/

スポンサー テーブルラー

スポンサー テーブルラー

スポンサー

スポンサーになってこのプロジェクトをサポートしてください。あなたのロゴは、あなたのウェブサイトへのリンクとともにこの README に表示されます。スポンサーになる!

セットアップ環境

ビルド システムを使用してローカルでドキュメントを実行するには、Tabler のソース ファイルのコピーが必要です。以下の手順に従います。

  1. 依存関係の管理に使用するNode.js をインストールします。
  2. ルート
    /tabler
    ディレクトリに移動して実行
    npm install
    し、 にリストされているローカルの依存関係をインストールします
    package.json
  3. Ruby をインストールします。推奨バージョンは2.7.6です。
  4. でBundlerをインストールし
    gem install bundler
    、最後に を実行します
    bundle install
    Jekyll や pluginsなど、すべての Ruby 依存関係がインストールされます。

OSX ユーザー:

  1. NPM
    npm install
  2. Ruby をインストールします (2.5.* を推奨)
    brew install ruby @2.5
  3. バンドラーをインストールする
    gem install bundler
  4. インストール
    bundle install
  • バンドラーにエラーが発生した場合は、試してください
sudo rm -rf /Library/Developer/CommandLineTools
sudo xcode-select --install
  1. NPM を実行する
    npm run start

Windows ユーザー:

  1. C:\Program Files\git\bin
    ディレクトリにGitをインストールして実行
    npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"
    し、デフォルトのシェルを変更します。
  2. Ruby+Devkit をインストールします。推奨バージョンは2.7.6です。
  3. ガイドを読んで、Jekyll を問題なく起動して実行してください。

セットアップが完了すると、コマンド ラインから提供されるさまざまなコマンドを実行できるようになります。

ローカルでビルド

npm
持ってインストールする必要があります
bundler

  1. ルート
    /tabler
    ディレクトリから、コマンド ラインでインストールを実行します。
  • npm install
  • bundler install
  1. 次に、実行
    npm run start-plugins
    してアプリケーション スタックを起動します。
  2. ブラウザでhttp://localhost:3000を開いてください。
  3. ディレクトリを変更する
    /src
    と、アプリケーションがビルドされ、ページが更新されます。

:

npm run build
更新を行わずに 1 回限りのビルド アプリケーションを改革のために実行します。http://localhost:3001を開いて Web サーバーを構成します。

インストール

Tabler は npm 経由で配布されます。

npm install --save @tabler/core

CDN サポート

@tabler/core
npm パッケージに含まれるすべてのファイルは、CDN 経由で入手できます。

Javascript

<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>

スタイル

<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">

機能リクエスト

https://tabler.canny.io/feature-requests

バグと機能のリクエスト

バグを見つけた、または機能リクエストがありますか? 新しい問題を開いてください

クリエイター

パヴェウ・クナ

寄稿者

このプロジェクトは、貢献するすべての人々のおかげで存在します。

バッカーズ

すべての支援者に感謝します!🙏 支援者になる

ありがとう

クロマチック

UI の変更を確認し、視覚的なリグレッションを検出するのに役立つビジュアル テスト プラットフォームを提供してくれたChromaticに感謝します。

ライセンス

LICENSEファイルを参照してください。