ToolBoxy
Sign up free
🎨

Border Radius Generator

border radius generator · border radius

Border Radius Generator

Create custom border radius shapes with live preview

Top Left16px
Top Right16px
Bottom Right16px
Bottom Left16px
border-radius: 16px;

How to use

  1. 1

    Pick a preset or adjust each corner.

  2. 2

    Set the unit (px/%) and color.

  3. 3

    Copy the generated border-radius CSS.

FAQ

Is this tool free?

Yes — no sign-up, no installation, completely free to use right away.

What is this tool?

Create custom CSS border radius shapes — link or unlink corners, choose presets, and get the CSS output instantly You can use it for free with no sign-up or installation — just open the page and start right away.