⌒Design Tools
CSS Border Radius Generator
Independently control each corner's border radius with sliders and see a live preview box update in real time. Generates the cleanest possible CSS — shorthand when corners match, individual values when they don't.
12px
12px
12px
12px
border-radius: 12px;