Border Radius Generator — Corner Studio
Shape perfect corners in seconds. Drag sliders for each corner, link axes for symmetry, preview the box live, then copy the exact border-radius shorthand free.
Free, no signup needed. Runs 100% in your browser.
Loading…
How to use this tool
- Drag the corner sliders to shape each corner.
- Keep axes linked for symmetry or unlink for elliptical corners.
- Preview the box live, then copy or download the CSS.
Frequently asked questions
What is the slash syntax in the output?
Values after the slash set the vertical radii, which creates elliptical corners when they differ from the horizontal ones.
What does the link toggle do?
When linked, one slider per corner controls both axes for classic rounded corners. Unlink to control horizontal and vertical radii separately.
Is it free?
Yes, free with no signup. Everything runs in your browser.
Related tools
Need a website for this?
Describe your idea once and BYOB plans, builds, and deploys your site.
Embed this tool
Paste this snippet to show this tool on your own site.