Shooting Star Grid is a visually striking background component for Framer that blends structured grid layouts with fast-moving star streaks. Inspired by cosmic visuals and futuristic interfaces, it introduces motion and depth while maintaining a clean geometric structure.
Stars travel across the grid as glowing streaks, creating a continuous sense of movement. The animation flows naturally across the layout while subtle parallax effects add dimensional depth.
Perfect for hero sections, Web3 products, AI startups, or futuristic landing pages, this component adds a cinematic space-inspired atmosphere without affecting page performance.
Control how many shooting stars appear in the grid.
Adjust how fast stars travel across the scene.
Customize the brightness and glow of each star trail.
Modify the distance between grid lines.
Choose star travel direction.
Smooth infinite motion cycle.
Adapts automatically to screen sizes.
GPU-friendly animation for smooth performance.
Creates a futuristic hero background• Adds subtle motion without distractions• Perfect for tech and AI brands• Works behind UI and typography• Fully customizable visual intensity
Shooting Star Grid is a visually striking background component for Framer that blends structured grid layouts with fast-moving star streaks. Inspired by cosmic visuals and futuristic interfaces, it introduces motion and depth while maintaining a clean geometric structure.
Stars travel across the grid as glowing streaks, creating a continuous sense of movement. The animation flows naturally across the layout while subtle parallax effects add dimensional depth.
Perfect for hero sections, Web3 products, AI startups, or futuristic landing pages, this component adds a cinematic space-inspired atmosphere without affecting page performance.
Control how many shooting stars appear in the grid.
Adjust how fast stars travel across the scene.
Customize the brightness and glow of each star trail.
Modify the distance between grid lines.
Choose star travel direction.
Smooth infinite motion cycle.
Adapts automatically to screen sizes.
GPU-friendly animation for smooth performance.
Creates a futuristic hero background• Adds subtle motion without distractions• Perfect for tech and AI brands• Works behind UI and typography• Fully customizable visual intensity
