LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Gemini Animation Configurator

How to Use in Bricks Builder

  1. Customize your Gemini animation using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-gemini-effect📋
    to any container element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to implement your Gemini animation effect!
BricksFusion Exclusive Get Your Gemini Animation Effect

Add a stunning Google Gemini-style wave animation to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth animations with customizable colors and effects
  • Fully responsive and mobile-friendly
  • Customizable path behavior and appearance
Path Colors
Path 1 Color
Path 2 Color
Path 3 Color
Path 4 Color
Path 5 Color
Animation Settings
Animation Speed 0.0004
Blur Intensity 5px
Stroke Width 2px

JavaScript Code