Flexbox Froggy

Aprende CSS flexbox guiando a las ranas hasta sus nenúfares.

Abrir en una pestaña nueva

Proyecto de código abierto «Flexbox Froggy» de Thomas Park (Codepip), usado con la licencia MIT. Código fuente

Funciona en tu navegador. Nada de lo que introduces se envía ni se guarda.

Cómo usar Flexbox Froggy

  1. Lee las instrucciones del nivel.
  2. Escribe CSS en el editor para mover las ranas a los nenúfares de su color.
  3. Supera los 24 niveles para dominar flexbox.

Preguntas frecuentes

¿Necesito saber CSS?

No. Cada nivel explica la propiedad que necesitas.

¿Quién lo creó?

Thomas Park, de Codepip, de código abierto con licencia MIT.

¿Es gratis Flexbox Froggy?

Sí. Flexbox Froggy es gratis, sin registro y sin marca de agua.

¿Se guarda o se envía mi información?

No. Todo se calcula en tu navegador. Nada de lo que introduces se envía a un servidor ni se guarda.

¿Funciona en mi móvil?

Sí. Funciona en cualquier navegador moderno en Windows, Mac, Linux, Android y iPhone. Los archivos muy grandes pueden ir lentos en móviles antiguos.

Más herramientas de Juegos

Ver todo
Juego de carreras 3DCarreras de coches 3D con física real. HexGL: carreras del futuroCarreras 3D antigravedad futuristas. Cuberun: esquiva cubos en 3DEsquiva cubos en un mundo de neón. Cubo mágico 3DCubo 3D, de 2×2 a 10×10. Server SurvivalDefensa de torres de arquitectura cloud. Juego de memoriaEncuentra las parejas.