Skip to content
littlekit.app
All tools

Border radius generator

Shape all four corners with live CSS previews and pixel or percentage radii.

Four corners.One shape.
Generated CSS
border-radius: 32px 80px 32px 80px;
Processed on your device

How it works & useful details

How to use this tool

Choose a shape preset or adjust each corner. Switch units to compare fixed and proportional corners.

Supported values and limitations

Exports four CSS radii in top-left, top-right, bottom-right, bottom-left order. Pixel values range from 0 to 200; percentages from 0 to 100. Browsers scale down overlapping radii, and percentage results depend on the target element’s dimensions.