Developer Tools

Handy free utilities for every developer — formatters, encoders and converters.

Convert HTML snippets into clean, portable Markdown.

Render Markdown into semantic, formatted HTML instantly.

Generate common HTML element snippets with attributes in one click.

Beautify compressed CSS rules with clear indentation.

Compress CSS by removing whitespace and shortening values.

Build linear and radial CSS gradients with a live preview.

Design box shadows visually and copy the CSS code.

Craft rounded corners and copy the border-radius CSS.

Create flexbox layouts visually and export the CSS.

Generate CSS grid layouts with gap and track controls.

Build keyframe animations and copy ready-to-use CSS.

Combine rotate, scale, skew and translate into a transform.