mielo.css

Mielo-Benutzeroberfläche

Modernes UI-Framework für das Web, inspiriertes Desktop-Design.

Dokumentation

Durchsuchen Sie hier die Online-Dokumentation und Demo.

Motivation

Das Projekt ist von der Lösung für das Design von Desktop-Anwendungen in der Schnittstellenbibliothek LibAdwaita inspiriert und besteht aus einer Reihe von Komponenten und Containern zum schnellen Erstellen von Schnittstellen im Web, ähnlich denen, die im nativen Desktop zu finden sind.

Die meisten Komponenten sind identisch mit denen, die in der Gtk-Bibliothek implementiert sind. Auch bei einer Vielzahl von Bauteilen kommt es zu deutlichen Veränderungen im Aussehen oder zusätzlichen Eigenschaften. Daher sollten Sie Mielo nicht als direkte Neugestaltung von Adwaita im Web betrachten. Mielo kann als organische Lösung beim Aufbau von Web-/Hybrid-Schnittstellen mit Blick auf den Desktop-Stil nativer Betriebssystemanwendungen betrachtet werden.

Schnelle Installation

Mielo wird ständig weiterentwickelt! Probieren Sie es jetzt aus:

NPM

npm install @mielo-ui/mielo

oder

Garn

yarn add @mielo-ui/mielo

Import

Nach der Installation können Sie die CSS-Datei mit diesem Snippet in Ihr Projekt importieren:

@import ' mielo/css/ mielo.css ' 

Browser-Unterstützung

Mielo ist kompatibel mit den neuesten Versionen von:

• Chrom
• Rand
• Firefox
• Oper
• Safari

Internet Explorer wird nicht unterstützt.

Entwicklung

Für Build-Bibliothek aus dem Quellcode:

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