hope ui html admin dashboard

Kostenloses Open-Source-Bootstrap-5-Designsystem.

Live-Demo | Figma UI-Kit | HTML-Dashboard | Vue JS-Dashboard | Reagieren Sie auf das JS-Dashboard | Laravel-Dashboard

---

Hope UI – das kostenlose Open-Source-Bootstrap-Designsystem ist ein hervorragend aufgebautes UI-Kit, das auf Bootstrap 5 basiert. Das beste kostenlose Bootstrap 5-Designsystem ist vollständig reaktionsschnell und benutzerfreundlich, sodass Hope-UI-Benutzer mühelos arbeiten können. Da Hope UI leicht anpassbar und flexibel ist, kann es ein bevorzugtes Designsystem für Entwickler sein.

Möchten Sie eine neue Anwendung für ein persönliches Projekt oder einen Kunden erstellen? Hope UI – das kostenlose Open-Source-Bootstrap-Designsystem kann dabei helfen, ein robustes und verständliches Admin-Dashboard oder eine Website zu erstellen, ohne viel Zeit damit zu verbringen, das Ganze von Grund auf neu zu entwerfen.

Was können Sie mit der Hope-Benutzeroberfläche tun?

Die Hope-Benutzeroberfläche ist vollgepackt mit fein gestalteten UI-Elementen, mehreren Menüstilen, einer Reihe von Grafiken, Diagrammen und animierten Symbolen. Hope UI wurde ideal für Entwickler, Designer und Start-ups bzw. Creators entwickelt. Es bietet Designkonsistenz und dient als solide Grundlage für die Verwaltung eines erfolgreichen Web- oder App-Projekts.

5 unwiderstehliche Gründe für Hope UI

• Im Gegensatz zu jedem anderen Designsystem reagiert Hope UI vollständig, was es Geschäftsinhabern ermöglicht, das Admin-Panel direkt von ihren mobilen Bildschirmen aus anzuzeigen, ohne dass die Auflösung verloren geht.
• Zur Datenpräsentation verfügt dieses beste kostenlose Bootstrap 5-Designsystem über umfangreiche Elemente und Widgets zum Hinzufügen von Texten und Bildern.
• Abgesehen davon, dass es sich um supereinfache und schnell anpassbare Funktionen handelt, ist Hope UI die kostengünstige Möglichkeit, die Leistung von Web- oder App-Projekten mit einem vorcodierten Designsystem und Beispielen zu steuern und zu überwachen.
• Hope UI ist ein stark aufgebautes System, dessen Layout sich sowohl auf die Skalierbarkeit als auch auf die Leistung des Projekts konzentriert.
• Hope UI enthält mehr als 100 vollständig codierte Elemente und Widgets, die mit SCSS und Gulp unterstützt werden, um die Entwicklung einfach und schnell zu machen.

Merkmale

• Unterstützung mit Bootstrap 5
• Auf Scss-Komponenten basierendes Design
• HBS-basiertes HTML (Lenker).
• Vollständig reaktionsfähig
• Sauberer Code
• Demoseiten
• Farbmodus
• Richtungsmodus
• Layout-Einstellung
• Über 30 Menüstile

Inhaltsverzeichnis

• Schnellstart
  • Methode 1: Direkter Download
  • Methode 2: Verwendung von NPM
• Dokumentation
• Version
• Öffentliche Roadmap
• Dateistruktur
• Browser-Unterstützung
• Kaufen Sie keinen Kaffee für uns, sondern unterstützen Sie uns
• Mehr von Iqonic Design
• Probleme melden
• Besonderer Dank
• Änderungsprotokoll
• Folgen Sie uns
• Lizenzierung

Schnellstart

Sie können die folgende Methode verwenden, um mit CSS- und JS-Dateien des Designsystems zu beginnen.

Methode 1: Direkter Download

Von Github herunterladen

Download von Iqonic Design

Methode 2: Verwendung von NPM

Beginnen Sie mit dem Designsystem zu arbeiten

1. Abhängigkeit installieren

 npm install

2. Führen Sie die Entwicklung aus

 npm run watch

3. Für die Produktion bauen

 npm run build

Weitere Details...

Dokumentation

Unsere Dokumentation finden Sie hier.

Version

• Figma
• HTML-Admin-Dashboard
• Vue JS Dashobard
• Reagieren Sie auf JS Dashobard
• Laravel Dashobard

Öffentliche Roadmap

Schauen Sie sich unsere öffentliche Roadmap von Hope UI an und senden Sie hier auch Funktionsanfragen.

Dateistruktur

Im Download finden Sie die folgenden Verzeichnisse und Dateien, die gemeinsame Assets logisch gruppieren und sowohl kompilierte als auch minimierte Varianten bereitstellen. Sie werden etwa Folgendes sehen:

 github/hope-ui-admin-dashboard/
  dist
    ├── assets
    │    ├── css
    │    ├── images
    │    ├── js
    │    └── vendor
    ├── dashboard
    │    └── all html pages on folder based
    └── index.html
  src
    ├── assets
    │    ├── images
    │    │    ├── icon.png
    │    │    ├── favicon.ico
    │    │    └── loader.gif
    │    ├── js
    │    │    ├── hope-ui.js
    |    │    └── plugins
    |    │         ├── slider-tabs.js
    |    │         ├── countdown.js
    |    |         └── prism.min.js
    │    └── scss
    │        ├── bootstrap/
    │        │     ├── forms/
    │        │     ├── helper/
    │        │     ├── mixins/
    │        │     ├── utilites/
    │        │     └── vendor/
    │        ├── custom
    │        │     ├── auth/
    │        │     ├── kanban/
    │        │     ├── pricing/
    │        │     └── ui-kit/
    |        ├──customizer
    │        │     ├── components/
    │        │     ├── layout/
    │        │     ├── menu-style/
    │        │     ├── utillities/
    │        │     ├── components.scss
    │        │     ├── dark.scss
    │        │     ├── root.scss
    │        │     └── variables.scss
    │        ├── hope-ui-design-system
    │        │     ├── components/
    │        │     ├── helper/
    │        │     ├── layout-style/
    │        │     ├── pages/
    │        │     ├── plugins/
    │        │     ├── variables/
    │        │     └── variables.scss
    │        ├── dark
    │        │     ├── components/
    │        │     ├── helper/
    │        │     ├── layout-style/
    │        │     ├── pages/
    │        │     ├── plugins/
    │        │     ├── reboot/
    │        │     ├── _dark.scss
    │        │     └── _index.scss
    │        ├── rtl
    │        │     ├── components/
    │        │     ├── pages/
    │        │     ├── reboot/
    │        │     ├── utilities/
    │        │     └── _index.scss
    │        ├── rtl.scss
    │        ├── dark.scss
    │        ├── custom.scss
    |        ├── customizer.scss
    │        └── hope-ui.scss
    ├── templates
    |    ├── layouts
    │    |    ├── boxed-fancy
    │    |    ├── boxed
    │    |    ├── default
    │    |    ├── dual-compact
    │    |    ├── dual-horizontal
    │    |    ├── horizontal
    |    │    └── simple
    |    ├── pages
    |    │    ├── all folders based files
    |    │    └── index.hbs
    |    └── partials
    |        ├── components/
    |        └── all files based on hbs file in design system
    ├── gulp
    │    └── all gulp task here
    ├── .gitignore
    ├── gulp.config.json
    ├── gulpfile.js
    ├── LICENSE
    ├── README.md
    └── package.json

Browser-Unterstützung

Kaufen Sie keinen Kaffee für uns, sondern unterstützen Sie uns

• Starten Sie unser GitHub-Repo
• Twittern Sie darüber.
• Fehler einreichen oder neue Funktionen und Dokumentationsaktualisierungen vorschlagen?
• Folgen Sie @iqonicdesign auf Twitter.
• Folgen Sie uns auf Instagram
• Abonnieren Sie den Iqonic-Newsletter unter iqonic.design

Mehr von Iqonic Design

• Kostenlose Produkte jede Woche
• Premium-Themen, Vorlagen, Dashboards, Apps und mehr
• Abonnieren Sie auf Youtube
• Erreichen Sie UNS

Probleme melden

Haben Sie einen Fehler oder eine Funktionsanfrage? Melden Sie ein neues Problem bei unserem Github-Support

Besonderer Dank

• Bootstrap
• Google-Schriftarten
• Jquery
• Vollständige Liste von Apex Charts Checkout

Änderungsprotokoll

Klicken Sie hier, um unser vollständiges Änderungsprotokoll anzuzeigen.

Folgen Sie uns

• Twitter
• Facebook
• Dribbeln
• Instagram
• Produktsuche

Lizenzierung

• Code und Dokumentation Copyright 2021. Alle Rechte vorbehalten von IQONIC Design. Code veröffentlicht unter der MIT-Lizenz.