Superellipse Generator

Create beautiful squircles and superellipses with real-time preview

Shape ParametersSquircle
Adjust the properties to create your perfect superellipse

Preview Dimensions

These only affect the preview and SVG export, not the CSS clip-path

Curvature

Quality

Higher values create smoother curves but increase CSS complexity

Quick Presets

Live Preview
Real-time visualization of your superellipse

Preview: 100 × 100 • Ratio: 1.00:1

Shape: nX=4, nY=4

Export Options
Export as SVG or copy the CSS clip-path
CSS Clip-path