◆ Theme Studio

Design your own theme

Start from one of the 51 presets or the 96 reference palettes, edit every token live and take it away as CSS, JSON or a link.

AAA 17.85:1

Botones & Acciones

Controles de Formulario

Datos de la cuenta

Preferencias

Plan
Permisos

Feedback & Alertas

i
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
AR JD MK +5
★★★★★

Progreso & Métricas

Ingresos Totales

+14.5%

$84,592

Uso del sistema

CPU
72%
Memoria
48%
Disco
91%
2.4kUsuarios
99.9%Uptime
128msLatencia

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.
  1. ✓ Cuenta
  2. 2 Perfil
  3. 3 Confirmar

Overlays & Menús

Confirmar acción

Esta acción no se puede deshacer. ¿Deseas continuar con la eliminación del recurso?

Menú & Tooltip

Opciones ▾
Editar Duplicar Compartir
Eliminar
Pasa el cursor Tooltip con el estilo del tema

Tarjetas de Contenido

Popular

Pro

$29/mes

  • ✓ Proyectos ilimitados
  • ✓ Analítica avanzada
  • ✓ Soporte prioritario
  • ✓ Dominios personalizados
AR

Armando R.

Frontend Engineer

Construyo interfaces rápidas en el edge. Apasionado por los sistemas de diseño y el rendimiento.

128Repos
4.8kSeguidores
312Estrellas

Datos & Detalles

Transacciones Recientes

IDFechaClienteEstadoMonto
#TRX-8921Hoy, 14:30Acme CorpCompletado$1,250.00
#TRX-8920Ayer, 09:15Stark IndustriesPendiente$8,400.00
#TRX-891912 May, 16:45Wayne 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.

View exportable code (CSS / JSON)
CSS
JSON