Border Radius Generator

Build a CSS border-radius value with a live preview, per corner or all at once.

Same on all corners

Top left

border-radius: 8px 8px 8px 8px;

Related tools

How it works

1
Set a radius value

Applies to all corners by default.
2
Uncheck "Same on all corners" for independent control

Set each corner separately.
3
Copy the CSS

A ready-to-paste border-radius property.

FAQ

Does this tool send my input anywhere?: No - the CSS is generated entirely in your browser.