Skip to content
Creght
Get Started

Effect / PARTICLE

Stellar Spiral

Blue and amber starlight follows spiral arms, adding depth to AI and technology websites.

Static cover of the Stellar Spiral 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

Starlight drawn to the center

Two spiral arms flow around a luminous core. Cool particles and warm bright stars create depth for AI launches and technology brands.

Use it in a website

Place your headline and CTA in the negative space. Keep text clear of the bright core, reduce particle density on mobile, and retain a static fallback.

Implementation and limits

This native WebGL demo supports color, speed, size and glow controls. The prompt describes the intended result; it is not a full template or source import.

Your website starting point

Create a particle hero for a product website using the Stellar Spiral concept. Use a #03090e background with #a9dbff blue and #ffa66b amber, mode six, 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