Tsunami+ brings premium distortion aesthetics to your design. It supports scroll-based transformations and Variants animation, with a wide range of customizable properties to help
Make it with Workshop
Build your own component with AI
Tsunami brings a unique sense of distortion to your design. It simulates the wave-like warping of motion, making visuals feel lifted and twisted as if carried by water. By refining surface details and highlight dispersion, the distortion effect becomes even more compelling. With masking support, Tsunami can also reveal content gradually through waves, creating a magical unveiling moment for your audience.
Tsunami deeply integrates WebGL into Framer, delivering refined visuals while preserving performance. Focus on your creative vision — then publish it with ease.
Supports custom images and videos.
Adjustable properties to help you create unique effects.
Supports scroll animations and scroll-based transformations.
Works with Framer Variants for engaging sequence animations.
Compatible with Framer’s native Transition controller.
Additional helper settings for mobile-specific optimization.
High-performance animation engine built for production-level pages.
Precise control over animation endpoints — fully or partially reveal media content.