Particle Network Hero
An interactive hero with connected particle constellation animation.
Adjust the preview
Every choice updates the preview and the wording below.
Renderer
Particles
Connection Distance
Color
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a hero section with a particle constellation background rendered on a canvas element. Display 50 particles particles that drift slowly and connect with lines when within 80px of each other. Use violet/purple colored particles. Include a centered headline, subtitle, and CTA button above the particles.
Paste it into Claude, Cursor, or v0 along with the context for your project.