Prueba de temas

Dos referencias de diseño interactivas y controles compartidos. Revisa ambos temas y tamaños de pantalla.

Referencia de inicio

Encuentra herramientas.Sigue trabajando.

Herramientas de JSON, texto y color. En tu navegador.

Explorar todas las herramientas
JSON Formatter 
{
  "project": "onDevTools",
  "ready": true
}

Acceso rápido

Formateador JSONGenerador de ContraseñasGenerador de Gradientes

Referencia de herramienta

JSON Formatter

Formatea y valida tu JSON.

Resultado

{
  "project": "onDevTools",
  "ready": true
}

JSON válido

Opciones avanzadas

Estados de controles

Ejemplos de controles principales, secundarios, de eliminación y desactivados.

Color principal (HSL)

Escala tipográfica

Texto XS

Texto SM

Texto Base

Texto MD

Texto LG

Texto XL

Texto 2XL

Texto 3XL

Colores

PrincipalÉxitoAdvertenciaPeligro

Elevación

1
2
3
4
5