Particle field
Everything people use particles.js for, built into your site with no plugin and no library. Slow-drifting dots that join up with fine lines when they come near each other, drawn on a canvas behind a hero or band.
Copy sits above the field.
The dots stay behind it.
Give your hero quiet, constant movement, like a network coming alive, without the weight of a video.
Also called
particles.jsanimated particle backgroundconstellation backgroundnetwork dotsSmart Slider particle effectUABB Particle Backgroundanimated material background
What it replaces
- Smart Slider 3 Pro “Particle” slider effect
- UABB “Particle Background” row setting (Beaver Builder)
- particles.js / tsParticles embeds
Good for
Technology, data and network brands; a hero that needs quiet movement without a video.
Not for
Sitting under body text, or on pages that already have a moving hero. One per page.
Accessibility
Written so the page works for every visitor, whether they browse with a mouse, a keyboard or a screen reader, and whether or not they have asked for less motion.
- Decorative: aria-hidden, no pointer events.
- prefers-reduced-motion: one still frame is drawn, so the look survives without the movement.
- Pauses while off screen and while the tab is hidden.
Where it's live
- contexture.ai: Home hero, one layer over the whole slider
How to ask for it
“The particle-field on our home page, with …”
Name it, say which page and which part of the page it goes on, and say what goes in it: your photos, your words, your colors. That is a complete request. We build it, you approve it, and it goes live. If you know it by another name, from WordPress or from another site, that works too.
More elements you can ask for: Before / After, Mega menu, Video background, Parallax band, Scroll reveal, Business hours, News ticker, Flip box, Instagram feed, Accordion / FAQ, Card slider, Tabs, Info list, Video player, Testimonial carousel, Icon library, Animated text, Cookie consent, Animated background, Modal box, Announcement bar, Image hotspots, Info circle, Slide box, Countdown, Content toggle, Off-canvas panel, Video gallery, Map and directions, Link effects, Tabcordion, Tooltip, Responsive table, Notice, Toast, Loading, Menu button, Radio group, Stepper, Tags, Scrollbox, Sticker. Or see all of them working.
More in Hero & motion
See them all working- Video background
Open your home page with moving footage of your work, without making visitors wait for it or wrestle with it.
- Parallax band
Break up a long page with a wide photo that glides behind your words as visitors scroll.
- Scroll reveal
Let sections and cards arrive as visitors scroll to them, so a long page feels alive without anything getting in the way.
- Animated text
Let your most important line arrive the way you would say it out loud, in your own type and at your own pace.
Want the particle field on your site?
Tell us about the business. We build the site with it, launch it, and change it whenever you ask.