Skip to content

Effect / PARTICLE

Spiral Galaxy

A tilted galaxy disk with flowing starlight, made for immersive product launches.

Static cover of the Spiral Galaxy particle canvas

Static preview is active. You can choose to enable motion.

Preview settings

Changes apply to this preview only. Mobile devices use fewer particles.

About this resource

A galaxy with depth

A tilted disk of starlight contrasts a bright core with a quieter outer field. It suits research projects, future-facing products and brand launches.

Layout guidance

Pair the effect with a short headline and a clear button. Move detailed features below the hero, and choose slow movement for longer viewing.

What you can change

Adjust color, speed, size and glow. The default mode is galaxy. Closing or leaving the preview releases rendering resources. Test your final page on target mobile devices.

Your website starting point

Create a particle hero for a product website using the Spiral Galaxy concept. Use a #03090e background with #a9dbff blue and #ffa66b amber, mode galaxy, about 12000 particles, speed 1, size 1.3 and glow 0.8. Emphasize spiral arms and a luminous core with slow movement and subtle pointer response. Add a real HTML headline, value proposition and CTA outside the canvas, then navigation, features, proof and contact sections. Reduce density on mobile. Support reduced motion, manual pause, offscreen suspension and a static WebGL fallback. This is a requirements prompt, not a source-code import; refine the generated result.

You can select and copy this prompt manually. Temporary preview settings do not automatically update the prompt.

Keep exploring

View all

Render diagnostics