Fancy CSS Border Radius & Blob Generator
Free in-browser CSS Fancy Border Radius & Blob Generator. Take full visual control over 8 individual radius coordinates (horizontal and vertical radii for all four corners) to design organic blobs, leaf shapes, fluid buttons, and modern UI cards. Features interactive sliders, 1-click presets, color/gradient customization, and export to standard CSS and Tailwind CSS classes.
Loading Border Radius engine...
How to Generate Fancy Border Radius in 3 Steps
Adjust Sliders or Preset
Drag the 8 horizontal and vertical radius sliders or pick a preset shape.
Preview the Blob Shape
Watch the shape update in real-time with your custom color or gradient.
Copy CSS or Tailwind
Copy the border-radius CSS property or Tailwind CSS class with 1-click.
Frequently Asked Questions
Related Tools You May Need
CSS Box Shadow & Glassmorphism Generator
Create multi-layer CSS box shadows and frosted glass effects with instant Tailwind CSS code. 100% in-browser.
CSS Gradient Generator Studio
Create beautiful linear, radial, and conic CSS gradients with multi-stop controls & 1-click code export. 100% in-browser.
CSS Clip-Path Shape Studio & Generator
Visually build custom CSS polygon clip-paths, geometric shapes, and coordinate vertices with live preview. 100% in-browser.