CSS & UI Tools/Border Radius Generator

CSS Border Radius Generator | Round Corners Tool

Visually generate CSS border-radius code. Control individual corners or all at once.

Settings

All Corners: 10px

border-radius: 10px;

What is Border Radius Generator?

A Border Radius Generator helps you visualize and generate the `border-radius` CSS property for rounding element corners.

**Individual Control:** Adjust each corner independently.

**Visual Preview:** See exactly how the rounded corners look.

**Simple Interface:** Easy-to-use sliders for quick adjustments.

Use the slider to adjust the radius for all corners.

Uncheck 'Apply to all' to adjust corners individually.

Copy the resulting CSS code.

What is border-radius?

The `border-radius` property defines the radius of the element's corners.