Demostración en vivo | Kit de interfaz de usuario de Figma | Panel HTML | Panel de control de Vue JS | Panel de reacción JS | Panel de control de Laravel
Hope UI: el sistema de diseño Bootstrap de código abierto y gratuito es un kit de interfaz de usuario magníficamente diseñado basado en bootstrap 5. El mejor sistema de diseño gratuito Bootstrap 5 es totalmente responsivo y fácil de usar, lo que permite a los usuarios de Hope UI trabajar sin esfuerzo. Al ser fácilmente adaptable y flexible, Hope UI puede ser un sistema de diseño de referencia para los desarrolladores.
¿Estás pensando en crear una nueva aplicación para un proyecto personal o un cliente? Hope UI: el sistema de diseño Bootstrap gratuito de código abierto puede ayudar a crear un panel de administración o un sitio web robusto y comprensible sin perder mucho tiempo diseñando todo desde cero.
Hope UI está repleta de elementos de UI finamente elaborados, múltiples estilos de menú, un conjunto de gráficos, tablas e íconos animados. Creada idealmente para desarrolladores, diseñadores y nuevas empresas o creadores, Hope UI aporta coherencia en el diseño y actúa como una base sólida para gestionar un proyecto web o de aplicación exitoso.
Puede utilizar el siguiente método para comenzar con los archivos CSS y JS del sistema de diseño.
Descargar desde Github
Descargar desde Diseño Iqonic
Comience a trabajar con el sistema de diseño.
npm install
npm run watch
npm run build
Más detalles...
Puede encontrar nuestra documentación aquí.
Consulte nuestra hoja de ruta pública de Hope UI y también envíe solicitudes de funciones aquí.
Dentro de la descarga encontrará los siguientes directorios y archivos, que agrupan lógicamente los activos comunes y proporcionan variaciones compiladas y minimizadas. Verás algo como esto:
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
¿Tiene un error o una solicitud de función? Plantear un nuevo problema en nuestro soporte de github
Haga clic aquí para consultar nuestro registro de cambios completo.