free react tailwind admin dashboard
1.0.0
TailAdmin es una plantilla de panel de administración gratuita y de código abierto construida en React y Tailwind CSS , que brinda a los desarrolladores todo lo que necesitan para crear una solución integral de back-end, panel o panel de administración basada en datos para próximos proyectos web.
Con TailAdmin, obtiene acceso a todos los componentes, elementos y páginas de la interfaz de usuario del panel necesarios para crear un panel de administración o un panel de administración completo y rico en funciones. Ya sea que esté creando un panel de control o de administración para una aplicación web compleja o un sitio web simple, TailAdmin es la solución perfecta para ayudarlo a comenzar a funcionar rápidamente.
5 paneles de control únicos: análisis, comercio electrónico, marketing y CRM (se agregarán más)
Más de 120 componentes de la interfaz de usuario del panel
Más de 200 elementos totales de la interfaz de usuario
Más de 45 archivos HTML
Todos los elementos y archivos esenciales
Fuente de diseño completa de Figma: como se muestra en la demostración
1 panel único
Más de 30 componentes de la interfaz de usuario del panel
Más de 50 elementos de interfaz de usuario en total
Más de 10 archivos HTML
Compatibilidad con mecanografiado
Elementos y archivos del kit de interfaz de usuario básico
Fuente de diseño de Figma - Muestra gratuita
La plantilla de panel TailAdmin React basada en Tailwind CSS es un punto de partida prediseñado para crear un panel basado en web utilizando la biblioteca React JavaScript y el marco de utilidad Tailwind CSS. Esta plantilla de panel de Tailwind CSS + React, creada con Tailwind CSS e incluye componentes prediseñados, como menús de navegación, gráficos, tablas y formularios, que se pueden personalizar e integrar fácilmente en una aplicación web React de pequeña a grande .
Si está buscando un panel de control, una plantilla de panel de administración o un kit de interfaz de usuario de React-Tailwind de alta calidad, ¡TailAdmin será la elección perfecta para usted!
Deberá instalar Node.js >=v14.16+ (versión recomendada) (NPM lo incluye) y TailAdmin usa Vite como herramientas de interfaz, para realizar la instalación y crear la versión de producción, siga estos pasos a continuación:
Use la terminal y navegue hasta la raíz del proyecto (tailadmin-react).
Luego ejecute: npm install
Luego ejecute: npm run dev
Ahora, en el navegador, vaya a localhost:5173
Para ejecución de compilación de producción : npm run build
Directorio de salida de compilación predeterminado: /dist
Este comando generará una carpeta dist como compilación en la raíz de su plantilla que puede cargar en su servidor.
React y Tailwind son dos tecnologías populares que han arrasado en el mundo del desarrollo web. React es una biblioteca de JavaScript para crear interfaces de usuario, mientras que Tailwind es un marco CSS de utilidad que facilita el diseño de aplicaciones web. TailAdmin React ofrece más de 200 componentes esenciales de interfaz de usuario CSS de React + Tailwind que puede copiar, pegar y utilizar con sus proyectos de panel. Eso incluye cuadros, gráficos, barras de navegación, pestañas, botones, tarjetas, tablas, perfiles, pestañas, formularios, modales, páginas de aplicaciones, calendario, plantillas de ejemplo de aplicaciones web y más... para React y Styled usando Tailwind CSS.
Mejora 01: Eliminar la repetición de DefaultLayout en todas las páginas
Mejora 02: agregue el componente ClickOutside para reducir la funcionalidad repetida en mensajes de encabezado, notificaciones y menús desplegables de usuario.
Mejora 01: integrar flatpickr en [Selector de fecha/Elementos de formulario]
Mejora 02: Cambiar color después de seleccionar una opción [Seleccionar elemento/elementos de formulario].
Mejora 03: Hazlo funcional [Menú desplegable de selección múltiple/Elementos de formulario].
Mejora 04: Hacer que el mejor valor sea editable [Tabla de precios uno/Tabla de precios].
Mejora 05: Reorganizar la estructura de carpetas.
Agregue mecanografiado en TailAdmin React.
Lanzamiento inicial de TailAdmin React.
