Toggle Sidebar B
AppearanceLight & dark mode D

Galaxy

Parallax realistic starfield with pointer interactions.

Default

Every prop is wired to the controls underneath. Move the pointer over the stage to push the stars away.

Light previewReplay previewOpen in new tab
New Creative Components

Components you shall have, young padawan.

Get started Learn more

Customize

Density1
Glow Intensity0.3
Saturation0
Hue Shift140°
Twinkle Intensity0.3
Rotation Speed0.1
Repulsion Strength2
Auto Center Repulsion0
Star Speed0.5
Animation Speed1

API Reference

Galaxy

PropTypeDefaultDescription
focal[number, number][0.5, 0.5]Sets the focal point of the galaxy effect as [x, y] coordinates from 0 to 1.
rotation[number, number][1.0, 0.0]Controls the rotation matrix of the galaxy as [x, y] rotation values.
starSpeednumber0.5Controls the speed of star movement and animation.
densitynumber1Controls the density of stars in the galaxy.
hueShiftnumber140Shifts the hue of all stars by the specified degrees (0-360).
disableAnimationbooleanfalseWhen true, stops all time-based animations.
speednumber1.0Global speed multiplier for all animations.
mouseInteractionbooleantrueEnables or disables mouse interaction with the galaxy.
glowIntensitynumber0.3Controls the intensity of the star glow effect.
saturationnumber0.0Controls color saturation of stars (0 = grayscale, 1 = full color).
mouseRepulsionbooleantrueWhen true, stars are repelled by the mouse cursor.
twinkleIntensitynumber0.3Controls how much stars twinkle (0 = no twinkle, 1 = maximum twinkle).
rotationSpeednumber0.1Speed of automatic galaxy rotation.
repulsionStrengthnumber2Strength of mouse repulsion effect when mouseRepulsion is enabled.
autoCenterRepulsionnumber0Creates repulsion from center of canvas. Overrides mouse repulsion when > 0.
transparentbooleantrueMakes the black background transparent, showing only stars.
lightModebooleanfalseRenders the stars as ink on a white background.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas that reacts to the pointer only. Set disableAnimation for users who prefer reduced motion.