mielo.css

ミエロUI

Web 用の最新の UI フレームワーク、デスクトップ デザインにインスピレーションを得たもの。

ドキュメント

ここでオンライン ドキュメントとデモを参照してください。

モチベーション

このプロジェクトは、LibAdwaita インターフェイス ライブラリのデスクトップ アプリケーション設計のソリューションからインスピレーションを受けており、ネイティブ デスクトップにあるものと同様のインターフェイスを Web で迅速に作成するためのコンポーネントとコンテナのセットです。

コンポーネントのほとんどは、Gtk ライブラリで実装されているものと同一です。また、多数のコンポーネントで、外観が大幅に変更されたり、プロパティが追加されたりしています。したがって、Mielo を Web 上で Adwaita を直接再描画したものと考えるべきではありません。 Mielo は、ネイティブ OS アプリケーションのデスクトップ スタイルを考慮して Web/ハイブリッド インターフェイスを構築する場合の有機的なソリューションと考えることができます。

クイックインストール

ミエロは常に開発中です!今すぐ試してみてください:

故宮

npm install @mielo-ui/mielo

または

糸

yarn add @mielo-ui/mielo

輸入

インストール後、次のスニペットを使用して CSS ファイルをプロジェクトにインポートできます。

@import ' mielo/css/ mielo.css ' 

ブラウザのサポート

Mielo は以下の最新バージョンと互換性があります。

• クロム
• 角
• ファイアーフォックス
• オペラ
• サファリ

Internet Explorer はサポートされていません。

発達

ソースからライブラリをビルドする場合:

git clone https://github.com/mielo-ui/mielo
cd mielo

npm install # or "yarn"
npm run fmt # format & linting styles
npm run build # build css & minify