Skip to main content

Border Radius Generator

Create rounded corners for your elements with real-time preview.

Preview

Border Radius Preview

CSS Code

border-radius: 20px;

Corner Radius

Edit all corners together

Top Left: 20px

Top Right: 20px

Bottom Right: 20px

Bottom Left: 20px

💡 Tips

• Higher values create more rounded corners
• Set all corners = same for circles
• Use different values for pill shapes
• Copy CSS to use in your project
• Toggle "Edit all corners together" for quick adjustments

⚡ Quick Presets