New

9 buttons. Ready to use.

Gemini Wave Configurator - BricksFusion
data-gemini-effect
How to Use & Code Information
  1. Customize your Gemini wave animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-gemini-effect as attribute name (leave value empty)
Interactive Gemini Wave Preview
Path Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
Animation Settings
Animation Speed
0.0004
Stroke Width
2px
Advanced Options
Blur Intensity
5px