-
- Compile System LanguagesScript Languages
- Editor
- JSON Data ConversionWeb / Functional
- Format Languages
- Compare Structured Data
- Enc/Dec
- Convert
- Image Barcode / QRBasicsEdit & Effects
- Calculate Base ConversionDaily CalculationFraction / Radical
- Fraction Calculator
- Fraction to Decimal Calculator
- Improper Fraction to Mixed Number Calculator
- Binomial Multiplication Calculator
- Simplest Radical Form Calculator
- Square Root Calculator
- Cube Root Calculator
- Square Calculator
- Cube Calculator
- Sum of Two Cubes Calculator
- Continuous Natural Number Cube Sum Calculator
Set OperationsTrigonometry & LogarithmGeometry & EngineeringFunctions & EquationsAlgebra CalculationMath & StatisticsHealth Calculator - Frontend UI CSS GeneratorCSS EffectsColor Tools
- Text Text EditingFormat ConversionContent Extraction
- Time Clock & Timer
- Finance Amount WordsRates & YieldCurrency & Contracts
- Audio/Video Convert & MergeAudio ToolsPlay & Record
- Charts Basic chartsCombo & analysisRelation & hierarchy
- Dev · Network Network QueryParse & Analyze
- Device Input DevicesAudio / Sensors
- More
CSS Flex Layout Generator
1
2
3
4
Presets
Flex direction
Flex wrap
Justify content
Align items
Gap px
CSS output
CSS Flex Layout Generator
Visually tune Flexbox container properties for navbars, toolbars, card rows and centering. Apply presets, preview live and copy CSS.
- 16 layout presets: row/column start & center, space-between/evenly/around, wrap grid, navbar, reverse, baseline and more
- Controls for flex-direction, flex-wrap, justify-content, align-items and gap
- Colored demo items show main-axis and cross-axis alignment clearly
- Outputs ready-to-paste display:flex CSS