UI Kit gratuito para dashboards SaaS con React, TypeScript y Tailwind CSS. Incluye 6 páginas, 30 componentes reutilizables, diseño responsive y modo claro/oscuro.
Descripción
Modern SaaS Dashboard UI Kit Lite es un kit frontend gratuito diseñado para acelerar la creación de dashboards SaaS, paneles administrativos, herramientas internas y aplicaciones web modernas.
Incluye 6 páginas listas para usar: Dashboard, Analytics, Users, Billing, Settings y Login. El proyecto fue desarrollado con React 18, TypeScript, Tailwind CSS, Vite y React Router.
El kit contiene 30 componentes y patrones reutilizables, incluyendo sidebar, navegación mobile, topbar, cards KPI, gráficos, tablas, formularios, modal, filtros, badges, avatar, paginación, toggles, tabs y otros elementos habituales en productos SaaS.
El diseño es completamente responsive y se adapta a desktop, tablet y dispositivos móviles. También incluye modo claro y oscuro con persistencia de la preferencia mediante localStorage.
Los gráficos están implementados con SVG y CSS, por lo que el proyecto no necesita una librería externa de gráficos para funcionar.
Esta edición Lite es un recurso frontend. No incluye backend, base de datos, autenticación real, procesamiento de pagos ni integraciones API. La pantalla de Login es únicamente una demostración visual.
El código puede modificarse y utilizarse en proyectos personales, comerciales y trabajos para clientes según la licencia incluida. No se permite revender o redistribuir el proyecto fuente como template, UI Kit o recurso descargable independiente.
Qué incluye este recurso
Proyecto completo con React 18.
TypeScript.
Tailwind CSS.
Vite.
React Router.
6 páginas listas para usar.
Dashboard principal.
Página de Analytics.
Gestión de usuarios y roles.
Página de Billing.
Configuración del workspace.
Pantalla de Login.
30 componentes y patrones reutilizables.
Sidebar para desktop.
Navegación mobile.
Topbar.
Modo claro y oscuro.
Preferencia de tema persistida con localStorage.
Cards de métricas KPI.
Gráfico de ingresos.
Gráfico de barras.
Gráfico donut.
Indicadores de progreso.
Tabla responsive de usuarios.
Tabla de facturación.
Búsqueda y filtros.
Modal de ejemplo.
Formularios.
Badges.
Avatares.
Tabs.
Toggles.
Paginación.
Datos mock incluidos.
README.
Quick Start.
Archivo de validación.
Licencia comercial incluida.
Licencia y uso
Revisá las condiciones antes de utilizarlo
La licencia informada es Licencia comercial. Se permite utilizar y modificar el código en proyectos personales, productos comerciales y proyectos realizados para clientes. Se permite entregar el producto final desarrollado a un cliente. No se permite revender, redistribuir, sublicenciar o publicar el código fuente como template, UI Kit, starter, biblioteca o recurso descargable independiente o competidor.. Confirmá si permite uso comercial, modificación, redistribución o atribución.
Seguridad y compatibilidad
Probalo antes de usarlo en producción
Conservá una copia original y verificá dependencias, permisos, formatos y compatibilidad. En código o archivos ejecutables, revisá posibles riesgos antes de utilizarlos.
