Playground de CSS Flexbox
Ajusta propiedades flexbox visualmente y copia el CSS.
Funciona 100% en tu navegador — nunca se sube nada.
¿Qué es Flexbox?
Aprende y construye layouts flexbox visualmente: direction, justify, align, wrap, gap. Vista previa + CSS listo. Gratis. Elige tus opciones y el resultado se genera al instante, listo para copiar directamente a tu proyecto. Es totalmente gratis, funciona en cualquier navegador moderno y no requiere registro: todo se ejecuta localmente en tu dispositivo, así que tus datos nunca salen de tu ordenador.
Cómo usar Flexbox
- Abre Flexbox en tu navegador: es gratis y no requiere cuenta.
- Configura las opciones exactamente como las necesitas.
- Haz clic en el botón de generar: el resultado aparece al instante.
- Copia la salida o descárgala como archivo para tu proyecto.
Preguntas frecuentes
¿Flexbox es realmente gratis?
Sí: Flexbox es 100% gratuito, sin límites, sin marcas de agua y sin registro. Puedes usarlo tantas veces como quieras y con todos los archivos o datos que necesites.
¿Mis datos están seguros al usar Flexbox?
Totalmente. Flexbox se ejecuta por completo en tu navegador mediante JavaScript: tus datos se procesan en tu propio dispositivo y nunca se suben a ningún servidor.
¿Flexbox funciona en el móvil?
Sí. Flexbox funciona en cualquier navegador moderno de escritorio, tablet y móvil (Chrome, Firefox, Safari, Edge), sin necesidad de instalar ninguna app.
¿Mis imágenes se suben al crear favicons?
No. El generador de favicon redimensiona tu imagen con la API canvas íntegramente en tu navegador y empaqueta el resultado en un ZIP en local. Tu diseño nunca sale de tu equipo.
¿El CSS generado sirve para producción?
Sí — el generador de degradados produce CSS estándar y moderno que funciona en todos los navegadores actuales, listo para pegar en tu hoja de estilos.
¿Qué tamaños de favicon obtengo?
El set moderno completo: favicon.ico (16/32/48), PNG de 16, 32, 180 (Apple touch), 192 y 512 (Android/PWA), más el fragmento HTML y el webmanifest listos.