Premium element

Core Background

Galactic Vortex

The Galactic Vortex is a mesmerizing 3D animation effect for backgrounds, simulating the motion and beauty of a swirling galaxy.

Preview

Quick Setup

data-galaxy=true

Required

This attribute is required to activate the Galactic Vortex effect on the target container.

Custom Colors

data-galaxy-inside-color

Optional

Sets the color for particles near the edges of the galaxy.

Example: #1b3984

data-galaxy-outside-color

Optional

Sets the color for particles near the edges of the galaxy.

Example: #1b3984

Advanced configuration

data-galaxy-count

Optional

Defines the total number of particles that make up the galaxy. Higher values create denser galaxies but may affect performance.

Default: 200000

data-galaxy-radius

Optional

Specifies the radius of the galaxy in units. A larger radius results in a wider galaxy.

Default: 4

data-galaxy-branches

Optional

Determines the number of spiral arms (branches) in the galaxy.

Default: 4

data-galaxy-spin

Optional

Controls the twist or rotation of the galaxy. Higher values create more dramatic spirals

Default: 1

data-galaxy-randomnes

Optional

Introduces randomness to the particle positions, creating a more natural and chaotic appearance.

Default: 0.3

data-galaxy-randomness-power

Optional

Adjusts the distribution of randomness. Higher values keep particles closer to their branches, while lower values scatter them more.

Default: 3

data-galaxy-size

Optional

Specifies the size of the galaxy's particles.

Default: 15

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