Aurora

Give your website an atmosphere.

Turn an introduction, a feature section or an entire page into something visitors remember. Aurora brings living light, flowing lines and gentle motion to your Stacks designs, with room for your content to lead.

Ten different ways to stand out.

Choose luminous Aurora curtains, a Polar Crown or Light Ribbons. Explore Waves with lines and fills, drifting Nebula clouds, Particles, fluid Mesh Gradients, soft Bokeh, sweeping Light Beams, Flow Lines, connected Constellations and rain-inspired Ripples.

Make the movement yours.

Start with a ready-made palette or use your own colors. Adjust speed, scale, density and softness, then refine the details of your chosen effect. Optional pointer interaction adds a local response with adjustable inertia. Content Parallax gives your words and images a gentle sense of depth as visitors scroll.

Built around your content.

Use Aurora behind one section or across a whole page. Sections automatically grow with the Stacks you place inside them. Aurora supports reduced-motion preferences and pauses effects outside the viewport.

Aurora requires Stacks 6 and WebGL 2 browser support. It works independently of Foundation. Content Parallax supports normal page scrolling and native scroll containers; themes that simulate scrolling with transforms need their own integration.