NEW RELEASE
v2.2 - 40+ new elementsWhat's new
Avatar Orbit Configurator - BricksFusion
data-avatar-orbit
How to Use & Code Information
  1. Customize your Avatar Orbit 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-avatar-orbit as attribute name (leave value empty)

Avatar Orbit Preview

Scroll this page to see avatars move around the semicircle

Orbit Settings
Avatar Size
60px
Orbit Radius
150px
Vertical Position (Desktop)
70%
Vertical Position (Mobile)
60%
Total Avatars
8
Animation Speed
1x
Smoothness
0.85
Appearance
HEX
HSL
Border Width
3px
Avatar Images
Avatar 1
Avatar 2
Avatar 3