Démo en direct | Kit d’interface utilisateur Figma | Tableau de bord HTML | Tableau de bord Vue JS | Tableau de bord React JS | Tableau de bord Laravel
Hope UI – Bootstrap Design System open source gratuit est un kit d'interface utilisateur magnifiquement construit basé sur bootstrap 5. Le meilleur système de conception Bootstrap 5 gratuit est entièrement réactif et convivial, permettant aux utilisateurs de Hope UI de travailler sans effort. Facilement adaptable et flexible, Hope UI peut être un système de conception incontournable pour les développeurs.
Vous souhaitez créer une nouvelle application pour un projet personnel ou un client ? Hope UI – le système de conception Bootstrap open source gratuit peut aider à créer un tableau de bord ou un site Web d'administration robuste et compréhensible sans passer beaucoup de temps à tout concevoir à partir de zéro.
Hope UI regorge d'éléments d'interface utilisateur finement conçus, de plusieurs styles de menu, d'un ensemble de graphiques, de diagrammes et d'icônes animées. Idéalement conçu pour les développeurs, les concepteurs et les startups, ou créateurs, Hope UI apporte une cohérence de conception et constitue une base solide pour gérer avec succès un projet Web ou d'application.
Vous pouvez utiliser la méthode suivante pour démarrer avec les fichiers CSS et JS du système de conception.
Télécharger depuis Github
Télécharger depuis Iqonic Design
Commencez à travailler avec le système de conception
npm install
npm run watch
npm run build
Plus de détails...
Vous pouvez trouver notre documentation ici.
Consultez notre feuille de route publique de Hope UI et soumettez également des demandes de fonctionnalités ici.
Dans le téléchargement, vous trouverez les répertoires et fichiers suivants, regroupant logiquement les actifs communs et fournissant des variantes compilées et réduites. Vous verrez quelque chose comme ceci :
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
Vous avez un bug ou une demande de fonctionnalité ? Soulever un nouveau problème sur notre support github
Cliquez ici pour consulter notre journal complet des modifications.