Home / Design Tools / CSS Border Radius Generator

CSS Border Radius Generator

Per-corner border radius with live preview - including organic blob shapes.

How to use

  1. Adjust each corner's slider.
  2. Watch the preview shape update.
  3. Copy the CSS.

Frequently asked questions

How do I get blob shapes?

Set very different values per corner - asymmetry creates the organic look.

Related tools

  • CSS Clip Path Generator — Ready-made clip-path shapes - triangle, hexagon, star, arrow and more.
  • SVG Optimizer — Shrink SVG files with SVGO - same engine as build tools.
  • Icon Generator — One image → every iOS, Android and web app icon size, zipped.
  • Favicon Generator — One logo in - a complete favicon pack out: ICO, PNGs, Apple touch icon, manifest and HTML.
  • CSS Gradient Generator — Design linear and radial gradients with live preview and CSS out.
  • Color Palette Generator — Generate harmonious 5-color palettes - analogous, complementary, triadic.

See all design tools