Skip to content

Border Radius Generator

Free CSS border-radius generator. Visually craft per-corner radius with live preview. Copy the shorthand CSS. For buttons, cards and any rounded shape.

Runs in your browserUpdated Apr 26, 2026

Border radius generator

CSS

border-radius: 16px;
css

Frequently asked questions

›Can I make a circle?

Yes — set border-radius: 50% on a square element. Use the 'square element' preset.

›What's elliptical border-radius?

Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.

›Does it output Tailwind?

For uniform radii, yes. Per-corner customisation needs custom CSS.

›Is the generator free?

Yes — fully free, no signup.

People also search for