Elementor widget · Hero
Particle Background
An animated particle canvas hero background with connecting lines, an overlaid heading & subheading. Configurable, dependency-free, and responsive.
About this elementor widget
A lightweight animated particle background for hero sections, headers, and CTAs. Floating particles drift and link with lines as they get close, with your heading and subheading centered on top. Pure canvas + vanilla JS — no libraries, no images, no external requests.
Features
- Animated particle field with dynamic connecting lines
- Tune it: particle count, speed, and link distance
- Overlaid heading + subheading, centered and readable
- Choose the heading's HTML tag (H1–H6, div, p, span) for proper SEO
- Full typography controls + separate heading and subheading colors
- Particle color, line color, and any background (solid, gradient, or image)
- Adjustable min-height (px or vh) for full-screen or banner heroes
- Fully responsive; repaints on resize
Great for
- Landing-page and SaaS heroes
- Section headers and call-to-action bands
- Event, product, or portfolio intros
