Design

Border Radius Generator

Design CSS border-radius visually with linked or individual corner controls. Presets for circle, pill, and squircle shapes.

About This Tool

The Border Radius Generator lets you create and preview CSS border-radius values with intuitive controls. Link all corners or adjust each independently. Includes presets for common shapes.

How to Use

  1. Use the slider to set the border radius
  2. Unlink corners for independent control
  3. Try presets: Circle, Pill, Squircle
  4. Adjust box size and background color
  5. Copy the CSS code