CSS Flexbox Generator

Extension Developer Tools2 users

Item media 1 (screenshot) for CSS Flexbox Generator

Item media 2 (screenshot) for CSS Flexbox Generator

Overview

Visual flexbox layout generator. Set direction, wrap, justify, align with live preview.

Visual flexbox layout generator. Set direction, wrap, justify, and align with live preview. Copy CSS instantly.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.2.0
Updated
April 9, 2026
Flag concern
Size
1.39MiB
Languages
English
Developer
Email
sandwichfitness@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Columns grid

0.0

Column grid overlays for frontend developers

Angulariad — Angular DevTools Inspector

5.0

Inspect Angular component hierarchy, view data flow and prop diffs.

HTML & CSS Code Viewer

0.0

Editeur de code HTML et CSS avec prévisualisation et panneau latéral. Importez, modifiez et visualisez facilement votre code.

CSS Spacing Inspector

0.0

Hover to see margin, padding, and gap overlays with pixel values

Viewport Dimension Overlay

3.8

Displays an overlay with viewport dimensions and aspect ratio.

CopyCSS - One-click style copying for developers.

5.0

Instantly capture and copy CSS styles on hover. Perfect for quick styling, debugging, and workflow efficiency.

Tailwind CSS Spacing Size QuickLook

0.0

TailwindCSSのmargin/paddingで使えるピクセル数を早見して、クラス名をコピーできる拡張機能です。

Code Preview Extension

4.7

Preview HTML, CSS & JS code in real-time

Baseliner

4.3

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

DOM X-Ray

4.2

See through the DOM to visually debug CSS positioning.

QuickFlip

4.6

A simple extension to flip webpages horizontally or vertically