the IT Hustle
ToolsPricingBlogAbout

Border Radius Generator

Drag corners or type values to design border-radius. Preview the shape live. Presets for pill, circle, blob, and ticket shapes. Copy CSS shorthand or individual properties.

Border Radius Generator

Visually design border-radius values for every corner. Drag sliders, use presets, or type exact values. Copy CSS instantly.

Presets
Top Left
Top Right
Bottom Right
Bottom Left
Box Settings
Corner Values
Top Left12px
Top Right12px
Bottom Right12px
Bottom Left12px
Shorthand CSS
border-radius: 12px;
Individual Properties
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;