Border Radius Generator

Generate CSS border radius with visual preview

border radiuscssroundedcornersstyle

Border RadiusLink corners

All Corners: 16px

Width: 200px

Height: 200px

Box Color

Presets

CSS Code

border-radius: 16px 16px 16px 16px;

Individual Properties

border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;

Tailwind Class (approximate)

rounded-xl

Border Radius Order:

top-left | top-right | bottom-right | bottom-left

About Border Radius Generator

Generate CSS border radius with visual preview This free online tool runs entirely in your browser, ensuring your data stays private and secure. No server uploads, no data collection. Fast, reliable, and available 24/7.

100% PrivateInstant ResultsFree Forever