CYBERWEEK extendedUse code CYBER35

Talent Orbit

PREVIEW

Try me

SunEarthMarsJupiterSaturnUranusNeptunePlutoBlackHole

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:

  • sun 
  • earth
  •  mars
  • jupiter
  • saturn
  • uranus
  • neptune
  • pluto
  • moon
  • blackHole

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