Shadcn.io is not affiliated with official shadcn/ui
React Constellation Background
Interactive constellation network with floating nodes and dynamic connections that respond to mouse movement
Floating particles that connect with glowing lines when they drift close to each other—that classic constellation or neural network effect. The nodes move slowly with slight randomness, and lines fade in and out based on proximity. Move your mouse and nearby particles gently drift away, creating ripples through the network. It's subtle and hypnotic, perfect for tech companies, AI products, data visualization themes, or anywhere you want that connected, intelligent feel. Canvas-based with distance-based line opacity for smooth performance even with many connections.
React Constellation Background preview
Installation
Related Components
Particles
Floating particle system
Dot Pattern
Interactive dot grid
Sparkles
Twinkling particles
Interactive Grid
Mouse-reactive grid
Vortex
Particle flow effect
Flickering Grid
Animated matrix grid
FAQ
Was this page helpful?
Sign in to leave feedback.