01
Overview
Métricas principales, información de ingresos, actividad reciente y tablas de datos estructuradas.
Volver a productos
Plantilla de dashboard SaaSPróximamente
Premium SaaS Dashboard Kit
Una base de dashboard cuidada y responsive para productos SaaS, con analíticas, clientes, productos, facturación, soporte y configuración.
- Next.js 16 y React 19
- Siete páginas responsive de dashboard
- Modos claro y oscuro
La compra online todavía no está habilitada. La demo en vivo está disponible para su visualización.
Creado para productos SaaS modernos
Una base frontend completa para dashboards SaaS de alta calidad.
Creado para desarrolladores, fundadores y equipos de producto que quieren evitar la configuración repetitiva de un dashboard y avanzar directamente con el trabajo específico de su producto. El kit combina siete páginas responsive, un sistema de componentes reutilizable y una experiencia visual consistente en los modos claro y oscuro.
7
Páginas de dashboard
17
Componentes reutilizables
Claro y oscuro
Modos visuales
Totalmente responsive
Escritorio, tablet y móvil
Páginas incluidas
Siete páginas de dashboard listas para personalizar.
Un conjunto completo de pantallas prácticas para productos SaaS, diseñadas para funcionar juntas como una base de producto coherente.
02
Analytics
Tráfico, conversiones, rendimiento de canales e informes de campañas.
03
Customers
Directorio de clientes, planes, estados de cuenta, filtros y acciones.
04
Products
Catálogo de productos, categorías, estado del inventario, filtros y opciones de gestión.
05
Billing
Métricas de ingresos, métodos de pago, facturas e información relacionada con transacciones.
06
Support
Métricas de tickets, conversaciones con clientes, prioridades, estados y contenido del centro de ayuda.
07
Settings
Perfil, preferencias, notificaciones, claves de API, configuración de facturación y controles de cuenta.
Sistema de componentes
Un sistema reutilizable, no una colección de pantallas desconectadas.
Los componentes incluidos comparten el mismo espaciado, tipografía, estados y patrones de interacción, lo que facilita comprender, ampliar y mantener el kit.
Navegación y estructura
SidebarTopbarPageHeader
Datos y contenido
StatCardDataTableTableCardAvatar
Entradas y controles
ButtonInputLabelSelectSwitchTabs
Estados y acciones
BadgeDropdownSeparator
Preparado para personalizar
Diseñado para convertirse en parte de tu producto.
Base técnica moderna
Creado con Next.js 16, React 19, TypeScript y Tailwind CSS.
Arquitectura clara de componentes
Estructuras reutilizables que resultan más fáciles de comprender, ampliar y mantener.
Preparado para temas visuales
Experiencias cuidadosamente equilibradas en los modos claro y oscuro mediante un único sistema visual coherente.
Contenido de demostración reemplazable
Conecta la interfaz con tus propios datos, APIs y lógica de negocio.
Experiencia responsive
Una experiencia cuidada en cada pantalla y modo visual.
Las estructuras, la navegación, las tablas, los formularios y el contenido se adaptan a escritorio, tablet y móvil. Los modos claro y oscuro forman parte del mismo sistema de diseño coordinado.
- Navegación responsive
- Estructuras de página adaptables
- Controles optimizados para móvil
- Tablas con desplazamiento interno
- Modos claro y oscuro
- Estados de hover, foco y deshabilitado consistentes
Contenido del paquete
Todo lo incluido en la descarga.
- Código fuente completo de Next.js
- Siete páginas de dashboard
- Diecisiete componentes de interfaz reutilizables
- Modos claro y oscuro
- Estructuras responsive
- Datos y estados de interfaz de demostración
- Licencia comercial
- README orientado al comprador
- Registro de cambios
- Guía de personalización
- Guía de deployment
- Política de soporte
Alcance claro del producto
Una base frontend que conectas con tus propios servicios.
Este producto proporciona la interfaz, el sistema de componentes y los estados visuales. No incluye un servicio SaaS alojado ni un backend de producción.
No incluido
- Servicios backend
- Base de datos
- Autenticación real
- APIs de producción
- Procesamiento de pagos
- Persistencia de datos de la aplicación
- Lógica de servidor específica del negocio
Utiliza la interfaz incluida como base frontend y luego conecta la autenticación, base de datos, APIs e infraestructura que prefieras.
Requisitos
Qué necesitas para trabajar con el kit.
- Node.js 20.9.0 o una versión posterior
- pnpm
- Un entorno local de desarrollo JavaScript
- Conocimientos básicos de Next.js, React, TypeScript y Tailwind CSS
Licencia y soporte
Creado para proyectos comerciales reales.
Un End Product por compra
Utiliza el kit para crear un End Product comercial.
Permitido para trabajos de clientes
El End Product licenciado puede crearse para tu propio negocio o para un cliente.
Código fuente incluido
Personaliza la interfaz directamente dentro del proyecto proporcionado.
Alcance de soporte documentado
Los términos de soporte del producto están explicados en la política de soporte incluida.
Preguntas frecuentes
Todo lo que debes saber antes de comprar.
¿Es una aplicación SaaS completa?
No. Es un kit frontend de dashboard. Deberás conectar tu propio backend, autenticación, base de datos y lógica de negocio.
¿Puedo utilizarlo para un producto comercial?
Sí. La licencia comercial incluida cubre un End Product por compra.
¿Puedo utilizarlo para un proyecto de un cliente?
Sí. Puedes utilizarlo para crear un End Product para un cliente.
¿Puedo personalizar el diseño?
Sí. Se incluyen el código fuente, los componentes, las estructuras y el sistema de diseño, y están pensados para ser personalizados.
¿Incluye modos claro y oscuro?
Sí. Ambos modos están incluidos y utilizan el mismo sistema de diseño coordinado.
¿Es responsive?
Sí. El dashboard está diseñado para estructuras de escritorio, tablet y móvil.
¿Qué sucede con los datos de demostración?
El contenido de demostración se proporciona como base visual y estructural. Debes reemplazarlo con tus propias fuentes de datos y lógica de aplicación.
¿Qué recibo después de comprar?
Recibes el ZIP completo con el código fuente, la licencia comercial, el README, el registro de cambios y las guías de personalización, deployment y soporte.
Explora el producto
Descubre la experiencia completa del dashboard en funcionamiento.
Abre la demo en vivo para explorar cada página, estructura responsive y modo visual antes de que la compra esté disponible.