Aureform UI · Estudio de Apariencia
Diseña tu identidad.
Define el color, la profundidad y la energía de tu interfaz. Ve cómo cobra vida cada detalle.
Apariencia en vivoTus cambios te acompañan en todo el kit.
Aurora
Los detalles
Tu estilo, en vivoTus colores
Elige un color o escribe un valor hexadecimal. Toca un tono para copiarlo.
Composición del degradado
Lienzo en vivo
Listo para lanzarTu próxima gran idea.
Una visión clara. Un estilo propio. Todo para dar tu próximo paso.
Tu crecimiento de un vistazo
Una buena semana para una gran idea.
Comparación del crecimiento semanal| Comparación del crecimiento semanal | Esta semana | Semana anterior |
|---|
| Lun | 32 | 24 |
|---|
| Mar | 45 | 31 |
|---|
| Mié | 41 | 37 |
|---|
| Jue | 68 | 40 |
|---|
| Vie | 61 | 51 |
|---|
| Sáb | 82 | 58 |
|---|
| Dom | 96 | 67 |
|---|
Elevado · 16 px · CómodaComponentes reales. Tus ajustes.
Guarda un buen estilo.
Guarda tu identidad. Haz una copia. Vuelve cuando quieras.
Tu colección empieza con un gran estilo.
Lleva tu estilo contigo.
Ajustes, estilos o un ejemplo React completo. Listos para usar.
{
"version": 1,
"theme": "dark",
"palette": "aurora",
"colors": {
"primary": "#8B5CF6",
"secondary": "#22D3EE",
"tertiary": "#34D399"
},
"material": "elevated",
"radius": 16,
"density": "comfortable",
"typography": "modern",
"motion": "expressive",
"hover": "glow",
"shadow": 0.65,
"border": 0.55,
"gradient": {
"kind": "mesh",
"angle": 125,
"intensity": 0.65,
"stops": [
{
"color": "#8B5CF6",
"position": 0
},
{
"color": "#22D3EE",
"position": 0.5
},
{
"color": "#34D399",
"position": 1
}
]
},
"shader": {
"kind": "aurora",
"speed": 0.2,
"scale": 1,
"intensity": 0.55,
"paused": false
}
}