What is Border Radius Generator?
Free online border radius generator. Visually adjust all four corner radii. Supports irregular (elliptical) corners and percentage values. Real-time preview, one-click CSS export. Perfect for buttons, cards, and avatars.
Use Cases
- ◆Button styling
- ◆Card design
- ◆Avatar cropping
- ◆Irregular shapes
How to Use
- 1Drag sliders to adjust each corner
- 2Preview in real time
- 3Copy CSS code
Features
- ✓Independent corner control
- ✓Ellipse support
- ✓Live preview
- ✓CSS export
FAQ
What does percentage border-radius mean?
Percentages are calculated based on element width and height. 50% creates a perfect circle on square elements.
Can I create organic shapes?
Yes, by setting different radii for each corner.
Is this tool free?
Yes — completely free. No accounts, no paywalls. Just open the page and go.
Does my data get sent to a server?
No. Everything runs in your browser. Your data never leaves your device.
Does it work on my phone?
Absolutely. Works great on phones, tablets, and desktops alike.
How fast is it?
Instant for most inputs. Large datasets might take a second or two.