littlekit.
Private by design

Border Radius Generator

CSS corner order is top-left, top-right, bottom-right, bottom-left.

Your inputs stay in your browser. No account required.
Loading tool controls…

How border radius generator works

CSS corner order is top-left, top-right, bottom-right, bottom-left.

Try an example

16px 0px 16px 0px rounds opposite corners.

Good to know

Circular pixel radii only. Browsers scale overlapping radii to fit the element.

Your privacy

Processing happens on this device. We do not upload your input, put it in share links or save it to your favourites. Closing this tab discards the working input; downloaded results remain wherever you save them.

A useful next step

Made for clarity. Built to be useful.Report an issue