← Back to catalog📄 Implementation guide
Advanced WebGL / Canvas

Wave Shader

Creates animated wave patterns or water-like displacement.

Elegant, fluid, futuristic

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Product pages, hero backgrounds

Marine Biotech · Deep Hydration

Skin that moves
like water.

MARÉE No.1 floods the barrier with cold‑pressed marine actives and deep‑sea minerals — for a complexion that ripples with light, never tightness.

Technique: GLSL vertex-displacement wave on a tessellated three.js plane — summed directional sines raise the mesh, while the fragment shader adds fresnel, specular glints and an iridescent thin-film palette (three.js r160 + WebGL)