Waves with Texture
Transform any image into a mesmerizing, Stripe-inspired 3D fluid wave directly in Framer.
Elevate your website’s aesthetic with a premium, WebGL-powered 3D Wave component. Capturing that signature, buttery-smooth fluid aesthetic made famous by Stripe, this component turns static textures into silky, high-end interactive geometry. Tweak the physics, adjust the twist, and apply cinematic depth-of-field to create visuals that instantly stand out.
🔌 How to Use
Click to button "Copy Component" and paste (Cmd+V) to Framer section (Stack) on your website.
🪄 Key Features:
Stripe-Style Fluidity: Recreate the iconic, modern tech aesthetic with completely customizable wave physics.
Custom Textures: Apply any image with automatic high-quality anisotropic filtering to prevent stretching artifacts.
Cinematic Bokeh Blur: A built-in, highly optimized physical depth-of-field effect with adjustable focal points.
Edge Softening: Seamlessly blend the 3D mesh into your background with smooth alpha fading.
Absolute Control: Fine-tune amplitude, wave speed, twisting deformation, and rotation across all axes.
Framer Native: Deeply integrated property controls, complete with a convenient "Play in Editor" toggle to keep your workspace fast.
Details
Sabo Sugi
