Border Radius Generator
Craft custom rounded corners with per-corner control.
100% Free Forever
24px
CSS
border-radius: 24px;
Free CSS Border Radius Generator
Create custom rounded corners with per-corner control. Generate the perfect blob, pill, or smooth-cornered shape.
How to use this tool
- 1
Adjust corner sliders
Set each corner individually or uniformly.
- 2
See live preview
Shape updates as you adjust.
- 3
Copy the CSS
Use in your stylesheet.
Pro tips
- Use 9999px for fully pill-shaped buttons.
Frequently asked questions
What's the max useful radius?
Half the shorter side gives a circle/pill. Beyond that has no visual effect.