samiur6688

Particle Slider is a simple and flexible Gutenberg block that allows you to create animated image sliders with optional particle overlays.
Each slide supports a background image, heading, subheading, and call-to-action button. The block also includes navigation arrows and a toggle for animated particle effects.
Features: 
– Add multiple slides with images and text 
– Customize each slide with: 
 – Heading 
 – Subheading 
 – Button (text + link) 
– Enable or disable animated particle background 
– Navigation arrows included 
– Fully responsive

Particle Slider

A Gutenberg image slider block with heading, subheading, button, and optional animated particle effects.

Felix Peeters

Sparkle for Divi lets you add stunning particle animations to any Divi module by simply adding a CSS class. No shortcodes, no custom code — just copy a class and paste.
20 built-in presets:
<ul>
<li>✨ Gold Elegance</li>
<li>🌟 Silver Shimmer</li>
<li>🌸 Rose Glow</li>
<li>🎉 Rainbow Celebration</li>
<li>🔥 Fire Sparks</li>
<li>❄️ Snow Drift</li>
<li>🌿 Mint Breeze</li>
<li>💙 Neon Blue</li>
<li>💜 Neon Purple</li>
<li>❤️ Red Passion</li>
<li>💎 Focal Point</li>
<li>⭕ Circle Orbit</li>
<li>✦ Horizontal – Gold</li>
<li>✦ Horizontal – White</li>
<li>✦ Horizontal – Rainbow</li>
<li>🌠 Night Sky</li>
<li>❙ Vertical – Left</li>
<li>❙ Vertical – Right</li>
<li>↘ Diagonal – Top Left</li>
<li>↙ Diagonal – Top Right</li>
</ul>
Features:
<ul>
<li>4 particle shapes: Star, Dot, Square, Confetti</li>
<li>4 motion types: Sparkle, Float, Fall, Spin</li>
<li>Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit</li>
<li>Live Editor — floating panel to fine-tune any preset in real time directly on your page</li>
<li>Live preview on every preset card — see changes in real time in the dashboard</li>
<li>Custom presets: duplicate any preset and give it your own name, class and description</li>
<li>Apply up to 3 presets on one module simultaneously</li>
<li>Global on/off switch without removing classes</li>
<li>Respects prefers-reduced-motion for accessibility</li>
<li>Activates only when visible in the viewport (saves CPU and battery)</li>
<li>Global particle cap (400) prevents performance issues</li>
<li>Pure CSS keyframes and inline SVG — no canvas, no heavy libraries</li>
<li>Frontend footprint: CSS + JS under 30 KB — Live Editor loads only in the Divi Builder</li>
</ul>
How to use:
<ol>
<li>Go to Sparkle for Divi in the WordPress admin menu</li>
<li>Pick a preset and customize it to your liking</li>
<li>Click 💾 Save changes — then 📋 Copy class</li>
<li>Open any Divi module → Advanced → Attributes → Class → paste the class</li>
<li>Save your page and visit it — sparkles appear automatically!</li>
<li>Optional: click ⚡ Live Preview to open the floating Live Editor and fine-tune your preset in real time directly on the page</li>
</ol>

Sparkle for Divi

Add beautiful sparkle and particle animations to any Divi 5 module — no coding required.

Particle Slider vs Sparkle for Divi