Ontwerp
CSS Flexbox Generator
Bouw flex-lay-outs visueel.
Lay-outrecepten (10 voorinstellingen)
Geselecteerde kinderinstellingen
Probeer ook: CSS Grid Generator · CSS Gradient Generator · CSS Box Shadow Generator.
Bouw een flex-layout visueel
Kies een recept of stel de knoppen in — voorbeeld wordt live bijgewerkt. Kopieer de .container-regel in je stylesheet.
FAQ
Wat genereert het?
Een kopieerklare flex-regel voor .container met richting, uitlijning, omloop en gap, plus een livevoorbeeld met een instelbaar aantal onderliggende elementen.
Wat zijn lay-outrecepten?
Tien voorinstellingen met één klik: navigatiebalk, gecentreerde hero, kaartenrij, structuur met zijbalk, verticale stapel, voettekstbalk en meer — veelgebruikte patronen die ontwikkelaars dagelijks plakken.
Wordt er iets geüpload?
Nee. De CSS wordt volledig in je browser gegenereerd.
Laatst bijgewerkt: