Este é um fork do repositório original do Flowbite Admin Dashboard. Este fork é usado para criar uma versão NodeJS do painel usando Express e EJS como mecanismo de modelagem.
Este projeto é um modelo de painel de administração de UI gratuito e de código aberto construído com os componentes do Flowbite e baseado na estrutura CSS Tailwind, que apresenta gráficos, tabelas, widgets, layouts CRUD, modais, gavetas e muito mais.
Este painel de administração pode ajudá-lo rapidamente a começar a construir um aplicativo para o seu projeto usando as mais novas tecnologias de desenvolvimento UI/UX na área de código aberto, incluindo Tailwind CSS e Flowbite.
Os componentes interativos, como barras de navegação, modais, gavetas e dicas de ferramentas, são todos baseados na popular biblioteca de componentes de código aberto chamada Flowbite, que nos permite usar esses elementos criando um conjunto mais complexo de páginas e widgets dentro de um painel de administração completo. modelo.
Todas as páginas, widgets e componentes são baseados exclusivamente nas primeiras classes utilitárias do Tailwind CSS e são compatíveis com a v3.x
mais recente da tecnologia, eliminando automaticamente todas as classes com base nos caminhos do modelo.
Comece com 15 páginas de exemplos avançados, incluindo dois layouts diferentes da página inicial de um painel cheio de widgets de gráficos, tabelas, selecionadores de data e estatísticas e também com duas páginas de layout CRUD para produtos, usuários, uma página de configurações, páginas de autenticação para login e registro e até mesmo páginas de erro 404 e 500 personalizadas.
Este painel de administração contém muitos componentes avançados do Flowbite, mas também de outras bibliotecas de terceiros, como ApexCharts, que foram personalizados com classes CSS do Tailwind e projetados com base no Flowbite Design System.
Se você quiser usar este projeto, recomendamos estudar também a biblioteca de componentes que usamos para construir este painel, pois você pode usar ainda mais componentes dessa biblioteca para aprimorar os exemplos que já codificamos aqui.
Este produto é construído usando as seguintes tecnologias amplamente utilizadas:
Painel | Layout empilhado | Produtos (CRUD) |
---|---|---|
Usuários (CRUD) | Configurações | Página de preços |
---|---|---|
Página de login | Página de registro | Redefinir senha |
---|---|---|
Esqueceu sua senha | Bloqueio de perfil | Página de manutenção |
---|---|---|
404 não encontrado | Erro de servidor 500 | Parque infantil |
---|---|---|
package.json
e inicie o servidor de desenvolvimento local executando:Usando NPM:
npm install
npm run dev
Usando Fio:
yarn install
yarn dev
Usando o PNPM:
pnpm install
pnpm dev
Aqui está uma lista de tecnologias e guias compatíveis para Flowbite e Tailwind CSS:
A incrível comunidade de código aberto também construiu e atualmente mantém as seguintes bibliotecas independentes para React, Vue, Svelte e Angular:
Também escrevemos guias de integração para as seguintes estruturas e bibliotecas front-end:
Flowbite tem uma ótima integração com a maioria dos frameworks de back-end porque depende de JavaScript vanilla:
Dentro do download você encontrará os seguintes diretórios e arquivos:
Flowbite Admin Dashboard
.
├── LICENSE
├── README.md
├── content
├── data
├── layouts
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── static
├── tailwind.config.js
├── webpack.config.js
└── yarn.lock
Atualmente, pretendemos oficialmente oferecer suporte às duas últimas versões dos seguintes navegadores:
Usamos o GitHub Issues como o rastreador de bugs oficial do Flowbite Admin Dashboard. Aqui estão alguns conselhos para nossos usuários que desejam relatar um problema:
Se você tiver dúvidas ou precisar de ajuda para integrar o produto, entre em contato conosco em vez de abrir um problema.