管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla
Post on:2019年11月18日
商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。
このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。

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

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


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

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





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







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



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

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

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

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