Demonstração ao vivo | Kit de interface de usuário Figma | Painel HTML | Painel Vue JS | Painel React JS | Painel Laravel
Hope UI – Bootstrap Design System de código aberto gratuito é um kit de UI maravilhosamente construído baseado no bootstrap 5. O melhor sistema de design Bootstrap 5 gratuito é totalmente responsivo e fácil de usar, permitindo que os usuários do Hope UI trabalhem sem esforço. Sendo facilmente adaptável e flexível, o Hope UI pode ser um sistema de design ideal para o desenvolvedor.
Quer criar um novo aplicativo para um projeto pessoal ou cliente? Hope UI – sistema de design Bootstrap de código aberto gratuito pode ajudar a construir um painel de administração ou site robusto e compreensível sem gastar muito tempo projetando tudo do zero.
Hope UI vem com elementos de UI bem elaborados, vários estilos de menu, um conjunto de gráficos, tabelas e ícones animados. Construída idealmente para desenvolvedores, designers e startups, ou criadores, a Hope UI traz consistência de design e atua como uma base sólida para gerenciar um projeto de web ou aplicativo de sucesso.
Você pode usar o método a seguir para começar a usar os arquivos CSS e JS do sistema de design.
Baixe do Github
Baixe do Iqonic Design
Comece a trabalhar com o sistema de design
npm install
npm run watch
npm run build
Mais detalhes...
Você pode encontrar nossa documentação aqui.
Confira nosso roteiro público do Hope UI e também envie solicitações de recursos aqui.
No download você encontrará os seguintes diretórios e arquivos, agrupando logicamente ativos comuns e fornecendo variações compiladas e reduzidas. Você verá algo assim:
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
Tem um bug ou uma solicitação de recurso? Levante um novo problema em nosso suporte no github
Clique aqui para verificar nosso log de alterações completo.