Pevlika Browser Apps

Flexbox Generator

Change the flex properties and watch the items move, then copy the CSS.

Runs in your browser — nothing is uploaded

How to use Flexbox Generator

  1. Adjust the controls — the preview updates live.
  2. Copy the generated CSS.
  3. Paste it into your stylesheet.
CSS Grid GeneratorBuild CSS Grid layouts visually and copy the CSS and HTML. CSS Border GeneratorBorder width, style, colour and per-corner radius with live preview. Box Shadow GeneratorDesign CSS box shadows visually, with layered and inset shadows. Text Shadow GeneratorCSS text shadows: drop shadow, neon glow, outline and retro 3D.