Border Radius Generator
Round corners individually and copy the border-radius CSS.
Corner rounding sets the tone of an interface — from sharp and corporate to soft and friendly. Link all four corners or shape each one independently, preview the result live, and copy the border-radius CSS.
How to use it
- Toggle “link corners” for a uniform radius, or unlink for custom shapes.
- Switch between px, %, em and rem units depending on your design system.
- Use the presets for common shapes like pills and circles.
