LIVE NOW

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

Get Started
Cherry Blossom Configurator

How to Use in Bricks Builder

  1. Customize your cherry blossom effect 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
    cherry-blossom📋
    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 cherry blossom effect!
BricksFusion Exclusive Get Your Cherry Blossom Effect

Add a beautiful cherry blossom falling animation to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth animation with optimal performance
  • Fully responsive with mobile optimization
  • Customizable colors, speed, and visual style
Animation Settings
Petal Count 30
Petal Size 20-40px
Fall Speed 1-3
Swing Range 2
Rotation Speed 2
Opacity 0.6-0.9
Petal Colors
#ffdbf0
#ffc6e5
#ffa6d9
#ff8ac4
#f97dbd

JavaScript Code