The curve is generated from parametric controls (amplitude, density, sharpness, position) rather than a fixed SVG asset
A Locked Shape mode renders the curve in a fixed internal coordinate system and scales it reliably, avoiding re-generation artifacts on resize
An Adaptive mode optionally recomputes the curve based on layout measurements for procedural use cases
The component manages SVG scaling, viewBox behavior, and container sizing to prevent distortion, clipping, or Preview inconsistencies
All logic is Preview-safe and handles Framer’s layout lifecycle without relying on static assets
Consistent curved transitions across breakpoints
Fine-grained shape control without manual SVG editing
Reliable behavior in both Canvas and Preview environments
Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com