Velocity X Components

Backgrounds

Starfield Depth Drift

A quiet, layered field of drifting stars that gives any dark section real depth — near points move faster and glow brighter, far points barely shift. Reads as premium and spacious, not busy, and never distracts from content laid over the top.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add starfield-depth-drift

Built for react. Needs react already installed as a peer dependency. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for Starfield Depth Drift →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.2 react
Starfield Depth Drift

Props

NameTypeRequiredDefaultDescription
classNamestringNo''
densitynumberNo1
speednumberNo1
colorstringNo
pausedbooleanNofalse

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/starfield-depth-drift/StarfieldDepthDrift.tsx

Using the Starfield Depth Drift component

Install it with velocityx add starfield-depth-drift. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Backgrounds.