Interactive Flexbox property explorer
display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; gap: 12px;
Flexbox is the backbone of modern CSS layouts, but remembering which combination of justify‑content, align‑items, and flex‑direction produces the result you want can be tricky. Our free interactive playground lets you toggle every Flexbox property and see the effect instantly — with live code output you can copy straight into your project.
Open the Flexbox playground and master layout — free, interactive, no signup.
Count words, characters, sentences & reading time
Convert text between upper, lower, title, camel case & more
Test your typing speed with WPM & accuracy tracking
Generate placeholder text for designs & layouts
Remove extra spaces, blank lines & special characters
Sort, reverse, shuffle & deduplicate lines
Convert text to URL-friendly slug format
Compress images with adjustable quality
Convert between PNG, JPEG, WebP, AVIF & PDF
Resize images with aspect ratio lock
Encode images to Base64 data URI
Generate multi-size favicons from any image
WordPress-optimized favicon generator
WordPress-optimized image compression
Minify & clean SVG code
Convert SVG to PNG with custom scaling
Convert between TTF, OTF, WOFF, WOFF2 & EOT
Convert between CSV and JSON formats
Convert between JSON and YAML formats
Encode & decode Base64 strings
Encode & decode HTML entities
Encode & decode URL components
Convert between binary, octal, decimal & hex
Visual CSS Grid builder with live preview
Interactive Flexbox property explorer
Convert CSS properties to Tailwind classes
Generate harmonious typography scales
Build CSS keyframe animations visually
Create & preview cubic-bezier easing curves
Preview CSS transform combinations
Style custom scrollbars with live preview
Color picker, contrast checker & palette generator
Generate accessible focus-visible ring styles
Minify HTML, CSS & JavaScript code
Format, validate & beautify JSON data
Format & beautify SQL queries
Decode & inspect JWT tokens
Test regular expressions with live highlighting
Build & explain cron expressions visually
Quick Elementor widget CSS snippet generator
Generate v4 UUIDs in bulk
Generate strong random passwords
Generate SHA-256 & SHA-512 hashes
Detect what any website is built with
Scan a site's sitemap & pages for broken links
48 Tools — Built for developers, by developers