Documentation
v1.5.0Getting Started
Dynamic island
Visual effects
Interaction
Animated
What is it?
Talent Orbit is a visual animation that arranges team members around a central "planet" to simulate an orbiting effect. It creates a circular layout where satellites (team member images) orbit around a central planet with configurable properties such as color, glow, and orbit settings. This effect provides an engaging way to present team members or any related content in a dynamic, animated format.
How to set it up?
To set up the Talent Orbit, you need to configure the following attributes on the main container element:
'data-team-members'. A JSON array containing objects for each team member. Each object should include:
"img": The image URL for the team member."color": The color for the satellite’s glow effect.
Example: [ { “img”: “member1.jpg”, “color”: “#FF0000” }, { “img”: “member2.jpg”, “color”: “#00FF00” } ]
'data-planet-preset'. Specifies the appearance of the central planet. The available presets are:
sunearth-
mars jupitersaturnuranusneptuneplutomoonblackHole
If not set, the default preset is "earth".
'data-orbit-color'. Defines the color of the orbit lines around the central planet. The default is "rgba(255, 255, 255, 0.2)".
Support
Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay
Contact