QuicklyCSS v2 · Docs
Template · Panel
Versión v2.0 alpha.2
MÓDULO•TEMPLATES

Template 01

Dashboard analítico

Un centro de control completo con navegación lateral, indicadores, actividad, tablas y visualizaciones de datos.

Framework only

Sin CSS adicional

La página utiliza únicamente elementos HTML y clases incluidas en QuicklyCSS V2. No contiene estilos embebidos ni clases específicas de la plantilla.

Aplicación del template

Una vista completa para tomar decisiones

El template Panel reproduce la arquitectura de un dashboard profesional: navegación persistente, cuatro indicadores principales, visión de audiencia, distribución por dispositivo, rankings, actividad y reportes tabulares.

La interfaz está construida con el layout, componentes y utilidades públicas de QuicklyCSS V2. Chart.js actúa únicamente como motor para representar los datos dentro de los componentes visuales.

Vista del dashboard analítico con navegación lateral, indicadores, gráficos, tablas y actividad reciente
Dashboard responsive compuesto con QuicklyCSS V2.

Arquitectura

Composición del template

La plantilla coordina estructura, contenidos, utilidades y componentes sin introducir una capa paralela de estilos.

01

Navegación

Navbar superior y menú lateral oscuro organizan las áreas del dashboard.

02

Indicadores

Cards y Badges resumen sesiones, duración, ingresos y conversiones.

03

Datos operativos

Gráficos, tablas y actividad reciente permiten comparar el rendimiento.