Processing
Create custom rounded corners or organic blob shapes visually. Toggle between standard 4-corner styling or advanced 8-value syntax.
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
Design standard and advanced 8-value CSS border-radii visually. Drag handles or use sliders to create organic blob shapes with instant CSS export.
A typical `border-radius` only needs 4 values for the corners. However, using the slash `/` syntax splits each corner into horizontal and vertical components (making 8 values in total). This allows designers to skew corners unevenly, forming organic liquid shapes or custom blobs.
Organic blobs serve as excellent background decorations, buttons, or custom avatar borders, breathing organic energy into otherwise flat, boxy grid-based designs.