Guides
Pick your stack and wire in the snippet from the matching playground tab. Everything the designer can do today is summarized below.
Playground features
- Canvas — live preview with dark, light, or gradient background.
- Presets — Galaxy, Fire, Candy, Neon, Snow, Gold, or start from scratch.
- Look — particle shapes, up to three colors, gradient / mixed / random modes, blend modes, optional glow.
- Motion — trail length, size, fade, compactness, scatter, rotation, gravity, vertical offset.
- Chase & lag — optional lagging trail: smooth, elastic, or delayed follow.
- Export — copy or download JS, CSS, HTML, React, Vue, and Angular snippets.
Topics
- HTML & CSS / vanilla JS — embed script and styles.
- React — hook + root-level component.
- Vue & Angular —
script setupand standalone directive.
Weekly publishing (team)
Process for turning playground exports into new guides: publishing-loop.md (long-tail cadence, snippets, internal links, distribution).
Quick answers
Start here: Playground → tune → copy the tab you need.
Same look everywhere: One design exports to JS, CSS, HTML, React, Vue, and Angular.
Lighter on CPU: Shorter trail, smaller particles, less glow — see home FAQ.