flowbite admin dashboard
v1.0.0
Este proyecto es una plantilla de panel de administración de interfaz de usuario gratuita y de código abierto creada con los componentes de Flowbite y basada en el marco CSS Tailwind de utilidad que incluye gráficos, tablas, widgets, diseños CRUD, modales, cajones y más.
Este panel de administración puede ayudarlo rápidamente a comenzar a crear una aplicación para su proyecto utilizando las tecnologías de desarrollo UI/UX más nuevas en el área de código abierto, incluidas Tailwind CSS y Flowbite.
Los componentes interactivos, como las barras de navegación, los modales, los cajones y la información sobre herramientas, se basan en la popular biblioteca de componentes de código abierto llamada Flowbite, que nos permite utilizar estos elementos creando un conjunto más complejo de páginas y widgets dentro de un panel de administración completo. plantilla.
Todas las páginas, widgets y componentes se basan únicamente en las clases de utilidad de Tailwind CSS y son compatibles con la última versión v3.x de la tecnología al eliminar automáticamente todas las clases según las rutas de la plantilla.
Comience con 15 páginas de ejemplos avanzados que incluyen dos diseños diferentes de la página de inicio de un panel lleno de widgets de gráficos, tablas, selectores de fechas y estadísticas y también con dos páginas de diseño CRUD para productos, usuarios, una página de configuración, páginas de autenticación para iniciar sesión y registrarse e incluso páginas de error 404 y 500 personalizadas.
Este panel de administración contiene muchos componentes avanzados tanto de Flowbite como de otras bibliotecas de terceros, como ApexCharts, que se han personalizado con las clases de Tailwind CSS y se han diseñado en función del sistema de diseño Flowbite.
Si desea utilizar este proyecto, le recomendamos estudiar también la biblioteca de componentes que utilizamos para crear este panel porque puede utilizar aún más componentes de esa biblioteca para mejorar los ejemplos que ya hemos codificado aquí.
Este producto está construido utilizando las siguientes tecnologías ampliamente utilizadas:
CSS de viento de cola: tailwindcss.com
Flowbite: flowbite.com
HUGO gohugo.io
Paquete web: webpack.js.org
Panel de administración de Flowbite
Marcos de JavaScript
Marcos de fondo
Construido con Flowbite
Clases de utilidad Tailwind CSS
15 páginas de ejemplo
Componentes avanzados
Documentación de flujo
Flujo de trabajo
Tabla de contenido
Páginas de demostración
Inicio rápido
Estructura de archivos
Soporte del navegador
Recursos
Problemas de informes
Soporte Técnico o Preguntas
Licencias
Enlaces útiles
Autores
Clona este repositorio o descarga el archivo ZIP
Asegúrate de tener Node.js y NPM instalados
Instale las dependencias del proyecto desde el archivo package.json :
npm install
Cree un servidor local en localhost:1313 ejecutando el siguiente comando:
npm run start
También puedes construir el proyecto y obtener los archivos de distribución dentro de la carpeta public/ ejecutando:
npm run build
Puede cargar instantáneamente su proyecto en Vercel seleccionando la configuración HUGO predeterminada, pero dependiendo de su propia pila tecnológica, ya sea React.js, Vue, Nuxt.js, Next.js o un marco de back-end, también puede simplemente copiar los diseños. de este proyecto dentro de su propia pila tecnológica.
Aquí hay una lista de tecnologías y guías compatibles para Flowbite y Tailwind CSS:
La increíble comunidad de código abierto también creó y mantiene actualmente las siguientes bibliotecas independientes para React, Vue, Svelte y Angular:
Biblioteca de reacción Flowbite
Biblioteca Flowbite Vue
Biblioteca Flowbite Svelte
Biblioteca angular Flowbite
También escribimos guías de integración para los siguientes marcos y bibliotecas de front-end:
Flowbite con guía React
Guía Flowbite con Next.js
Flowbite con guía Vue
Guía Flowbite con Nuxt.js
Flowbite con guía Svelte
Flowbite tiene una gran integración con la mayoría de los marcos de back-end porque se basa en JavaScript básico:
Usando Flowbite con Laravel
Usando Flowbite con Ruby on Rails 7
Usando Flowbite con Django
Usando Flowbite con Flask
Dentro de la descarga encontrará los siguientes directorios y archivos:
Flowbite Admin Dashboard . ├── LICENSE ├── README.md ├── config.yml ├── content ├── data ├── layouts ├── node_modules ├── package-lock.json ├── package.json ├── postcss.config.js ├── resources ├── src ├── static ├── tailwind.config.js ├── webpack.config.js └── yarn.lock
En la actualidad, nuestro objetivo oficial es admitir las dos últimas versiones de los siguientes navegadores:
Vista previa en vivo: https://flowbite-admin-dashboard.vercel.app/
Documentación de Flowbite: https://flowbite.com/docs/getting-started/introduction/
Documentación CSS de Tailwind: https://tailwindcss.com/
Acuerdo de licencia: https://flowbite.com/docs/getting-started/license/
Problemas: Página de problemas de Github
Usamos GitHub Issues como rastreador de errores oficial para el Panel de administración de Flowbite. Aquí hay algunos consejos para nuestros usuarios que quieran informar un problema:
Asegúrese de estar utilizando la última versión del Panel de administración de Flowbite. Consulte el REGISTRO DE CAMBIOS desde su panel de control en la página de lanzamientos de GitHub.
Proporcionarnos pasos reproducibles para el problema acortará el tiempo que lleva solucionarlo.
Algunos problemas pueden ser específicos del navegador, por lo que puede ser útil especificar en qué navegador encontró el problema.
Si tiene preguntas o necesita ayuda para integrar el producto, comuníquese con nosotros en lugar de abrir un problema.
Copyright 2019-2023 Bergside Inc. (https://flowbite.com)
Código abierto bajo la licencia MIT
Biblioteca Flowbite: componentes de código abierto creados con Tailwind CSS
Flowbite Figma: sistema de diseño creado para Figma
Bloques Flowbite: creación de secciones para sitios web y aplicaciones
Flowbite Pro: una colección más grande de la versión de código abierto de los últimos tres
Zoltán Szőgyényi
Robert Tanislav
