管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla

商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。

このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。

Stisla
Stisla -GitHub

Stislaの特徴

Stislaは、Bootstrap 4をベースにした管理画面用のテンプレートで、ダッシュボードのUIを設計するのに役立ちます。

Stisla

• 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。
• 30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。
• HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。
• Bootstrap 4をベースに、Flexboxでレイアウトされています。
• 一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。
• MITライセンスで、商用プロジェクトでも無料で利用できます。

一般的な管理画面

Eコマース用の管理画面

Stislaのデモ

デモでは管理画面・ダッシュボードのレイアウトからさまざなUIコンポーネントを実際に試せます。

Default Layout

まずは、Bootstrapベースのコンポーネント。

Alert

Badge

Breadcrumb

Buttons

Card

続いて、Stisla専用のコンポーネント。

Article

Gallery

Hero

Static

Table

User

Form Validation

サードパーティのライブラリを使用したコンポーネント。

Chart.JS

DataTables

Vector Map

Stislaの使い方

Stislaは実装のドキュメントも完備されています。

Document

基本となるHTMLにレイアウトやUIコンポーネントのコードをコピペするだけで利用できます。

Cardの実装方法

GitHubからダウンロードできるファイルには、全レイアウト・全UIコンポーネントのHTMLファイルも含まれています。

ダウンロードファイルの中身