Starsfield
Creates a live “star fly-through” background in Framer with twinkling points, motion trails and infinite forward movement.
Make it with Workshop
Build your own component with AI
Infinite forward camera motion toward center. Stars twinkle and leave short motion trails. Background and star colors are customizable. Renders on canvas at device pixel ratio.
Use cases:
Hero headers and intro sections
Backgrounds for landing pages, portfolios, tech/AI/SaaS themes
Preloaders and inter-section transitions
Component Settings
Stars: Total star instances. Higher = denser field.
Speed: Forward motion rate. Higher = faster fly-through.
Spread: Field width in world units. Higher = wider distribution.
Focal: Perspective strength. Higher = stronger depth and scaling.
Twinkle: Flicker amplitude. 0 = no twinkle.
Trail: Trail persistence via partial clears. Higher = longer trails.
Size: Base star radius before perspective.
