Librería de Componentes
Selecciona un estilo en el panel izquierdo para reskins en vivo de toda la librería.
Botones & Acciones
Controles de Formulario
Feedback & Alertas
Información. Tu sesión se renovará automáticamente.
Guardado. Los cambios se aplicaron correctamente.
Atención. Tu plan expira en 3 días.
Error. No se pudo conectar con el servidor.
Nuevo mensajeAcme Corp te ha enviado una propuesta.
Badges, Tags & Avatares
+14.5% Activo Pendiente Fallido Borrador
Diseño × Frontend × UX × + Añadir
Progreso & Métricas
Navegación
Vista general del proyecto con los indicadores clave del periodo.
Análisis detallado de tendencias, cohortes y conversión.
Configuración de notificaciones, accesos y facturación.
- ✓ Cuenta
- 2 Perfil
- 3 Confirmar
…
Overlays & Menús
Tarjetas de Contenido
Datos & Detalles
Transacciones Recientes
| ID | Fecha | Cliente | Estado | Monto |
|---|---|---|---|---|
| #TRX-8921 | Hoy, 14:30 | Acme Corp | Completado | $1,250.00 |
| #TRX-8920 | Ayer, 09:15 | Stark Industries | Pendiente | $8,400.00 |
| #TRX-8919 | 12 May, 16:45 | Wayne Ent. | Fallido | $450.00 |
¿Cómo funciona el motor de temas?
Cada estilo define un set de tokens CSS que se inyectan en tiempo real sobre la raíz del documento.
¿Puedo crear mi propio tema?
Sí: basta con añadir un objeto UIStyle con sus tokens al catálogo curado.
¿Afecta al rendimiento?
No: son variables CSS nativas, sin reflow costoso ni JavaScript por componente.