mtools.lol

Border Radius Generator

Round corners visually, one or all at once, and copy the CSS shorthand.

How it works

  1. 1Set one radius or each corner.
  2. 2Pick px, % or rem.
  3. 3Copy the CSS.

Features

  • Shortest shorthand.
  • Presets.
  • Live preview.
  • Private: runs in your browser; nothing is uploaded.

Frequently asked questions

How do I make a circle?

Use 50% on a square element.

Related tools

Box Shadow GeneratorBuild layered CSS box shadows visually and copy the code.CSS Gradient GeneratorDesign linear, radial and conic gradients and copy the CSS.CSS FormatterBeautify CSS with consistent indentation using Prettier.Base64 DecoderDecode Base64 (standard or URL-safe) back to text.