Premium element

ShowCase

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.

Preview

Quick Setup

data-talent-orbit=true

Required

It is the main attribute that activates the element.

data-team-members

Required

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” } ]

Available Presets

data-planet-preset="preset-name"

Required

sun

earth

mars

jupiter

saturn

uranus

neptune

pluto

moon

blackHole

Advanced configuration

data-orbit-color

Optional

Defines the color of the orbit lines around the central planet.

Default: rgba(255, 255, 255, 0.2)

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours