Cosmic Hero

A 3D cosmic hero with a glowing planet, orbiting halo, and parallax starfield.

ADVERT

Overview

Cosmic Hero is the animated layout hero used on the Reactverse homepage. It combines a softly rotating planet, orbiting halo rings, and a reactive starfield to create a cinematic, space-themed hero section for dark UIs.

Props

Use the props below to customise the cosmic hero in your own React application.

NameTypeRequiredDefaultDescription
classNamestringNoundefinedOptional custom class name for the root container, useful for controlling layout or positioning.
mouseRefReact.MutableRefObject<{ x: number; y: number }>NoundefinedOptional ref containing normalized pointer coordinates in the range [-1, 1] for x and y, used to subtly animate the starfield and halo.

Related React components

More components from the same category or sharing similar tags.