Premium element

Core Background

Cosmic Harmony

Cosmic Harmony brings an ethereal touch to your web experience, creating dynamic particle animations that respond to user interactions or automatically generate cosmic effects in the background.

Preview

Quick setup & available presets

data-cosmic-harmony="preset-name"

Required

cosmic

fire

ocean

forest

sunset

rainbow

neon

pastel

galaxy

aurora

Custom Colors

Define your own color scheme using these attributes.

data-cosmic-harmony-brand

Optional

Add your brand colors using many hexadecimal colors as you want, separated by commas.

Example: #COLOR1,#COLOR2,#COLOR3...

Advanced configuration

data-cosmic-theme

Optional

Controls the animation optimization based on your background's brightness level

  • light
  • dark

data-cosmic-particles

Optional

Fine-tune the animation by controlling the number of particles generated in each burst

Default: 40

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