3D starfield
Stars fly towards you and leave short trails, like a jump to hyperspace in slow motion.
Settings
Code
<div class="pt-stars"><canvas></canvas></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
Where to use it
A starfield is a natural match for anything about space, speed or launching: the hero of a startup’s launch page, the intro of a sci-fi game site or the countdown for an online event. Stars stream out from the center, so your eye goes straight to the middle. An animated starfield background on canvas, with a few lines of JS.
At full speed it’s exciting for a few seconds and tiring after a minute, so slow it down on pages people stay on. Lower the opacity too if there’s a form on top, because trails moving behind input fields are distracting.