Visually generate CSS border-radius values with a live preview online for free. Create perfect rounded corners, pills, and custom shapes with a simple slider interface.
Drag the sliders to set the border-radius for each corner.
See the shape update in real time as you adjust values.
Copy the generated CSS code and paste it into your stylesheet.
🔗 Share this tool: