Fancy Border Radius

A tool using 8 values to create organic "blob" shapes instead of perfect circles.

Adjust the horizontal (X) and vertical (Y) radius for each corner to create organic organic shapes.

CSS Code

Features

  • Organic Blob Generator: Create non-standard, organic-looking shapes using advanced border-radius values.
  • 8-Point Control: Independently adjust the horizontal and vertical curves for all four corners.
  • Randomizer: Need inspiration? Click to generate a random cool shape.
  • Smooth Transitions: See the shape morph as you adjust sliders.

How to Use

  1. Use the dual sliders for each corner (Top Left, Top Right, etc.) to warp the shape.
  2. The first slider controls the horizontal radius, the second controls the vertical.
  3. Use the Randomize button to instantly get a random organic blob.
  4. Copy the CSS `border-radius` property to use in your design.