管理画面用のレイアウトや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ファイルも含まれています。

サイトのキャプチャ

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

sponsors

top of page

©2020 coliss