Generador de CSS Flexbox
Construye diseños flex visualmente.
Recetas de diseño (10 preajustes)
Ajustes infantiles seleccionados
También prueba: Generador de CSS Grid · Generador de gradientes CSS · Generador de sombras CSS.
Crear un diseño flexible visualmente
Elige una receta o ajusta los controles: la vista previa se actualiza en vivo. Copia la regla .container en tu hoja de estilos.
Preguntas frecuentes
¿Qué genera?
Una regla flex para .container, lista para copiar, con dirección, alineación, ajuste de línea y gap, además de una vista previa en vivo con un número ajustable de elementos secundarios.
¿Qué son las recetas de diseño?
Diez preajustes de un clic: barra de navegación, sección principal centrada, fila de tarjetas, estructura con barra lateral, pila vertical, barra de pie de página y más; patrones habituales que los desarrolladores pegan a diario.
¿Se sube algo?
No. El CSS se genera por completo en tu navegador.
Última actualización: