Herramientas Guías
Desarrollador Gratis Sin registro

Hoja de referencia de Tailwind CSS

Referencia interactiva con búsqueda de más de 200 clases de utilidad de Tailwind CSS v3.

Cargando la herramienta…

Acerca de esta herramienta

Explore, busque y copie clases de utilidad de Tailwind CSS v3 agrupadas por categoría: Layout, Flexbox, Grid, Spacing, Sizing, Typography, Borders, Effects, Filters, Transitions, Transforms e Interactivity. Cada entrada muestra el nombre de la clase, el CSS subyacente que aplica y notas sobre variantes responsivas o de estado. Haga clic en cualquier clase para copiarla instantáneamente.

Cómo usar

  1. 1 Paso 1: Use el cuadro de búsqueda para encontrar una clase por nombre (p. ej., 'flex') o por propiedad CSS (p. ej., 'display').
  2. 2 Paso 2: Filtre por categoría usando los botones de pastilla encima de la cuadrícula de clases.
  3. 3 Paso 3: Pase el cursor sobre cualquier entrada para ver su valor CSS completo y las variantes responsivas/de estado disponibles.
  4. 4 Paso 4: Haga clic en una tarjeta de nombre de clase para copiarla al portapapeles, lista para pegar en su HTML.

Preguntas frecuentes

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}