Generador de Flexbox CSS
Genera layouts flexbox CSS con vista previa interactiva. Ajusta direction, justify-content, align-items, wrap y gap. Código CSS listo para copiar. 100% en tu navegador.
Vista previa
Referencia
¿Qué es Flexbox?
Flexbox (Flexible Box Layout) es un modelo de diseño CSS que facilita la distribución y alineación de elementos en una sola dimensión — ya sea en fila o en columna. Es ideal para menús de navegación, barras de herramientas, centrar contenido y crear layouts responsivos.
Propiedades principales
flex-direction — define el eje principal (row, column). justify-content — alinea elementos a lo largo del eje principal. align-items — alinea elementos en el eje transversal. flex-wrap — permite que los elementos salten de línea. gap — define el espacio entre elementos.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.