serend

<p>Serend Animations makes it incredibly easy to add stunning scroll animations to any Gutenberg block. Choose an animation type, select a direction with intuitive arrow buttons, optionally enable slow motion, and watch your content come to life as visitors scroll through your page.</p>
<p><strong>NEW in v1.0.3:</strong> Visual direction picker with arrow buttons! All animation types now support all 4 directions (top, right, bottom, left), plus a universal Slow Motion toggle for dramatic effects.</p>
<p>Why choose Serend Animations?</p>
<ul>
<li><strong>Visual Direction Control</strong>: Intuitive arrow buttons to select animation direction – no more guessing!</li>
<li><strong>20 Animation Variants</strong>: 5 animation types × 4 directions = endless creative possibilities</li>
<li><strong>Slow Motion Toggle</strong>: Make any animation 1.5x slower for more dramatic effects</li>
<li>Ultra Lightweight: Pure CSS animations with minimal JavaScript – only 8KB total</li>
<li>GDPR Friendly: No tracking, no cookies, no external connections – 100% privacy compliant  </li>
<li>Zero Dependencies: No jQuery, no third-party libraries, no external CDNs</li>
<li>Lightning Fast: GPU-accelerated CSS animations with Intersection Observer</li>
<li>Security First: Clean code, no external requests, WordPress security standards</li>
<li>Accessibility Ready: Respects user motion preferences automatically</li>
<li>White Label Ready: Clean frontend code without plugin branding or bloat</li>
</ul>
<h4>Features</h4>
<ul>
<li>5 Animation Types with 4 Directions Each: 20 beautiful animation variants to choose from</li>
<li>Visual Direction Picker: Intuitive arrow buttons to select animation direction (top, right, bottom, left)</li>
<li>Slow Motion Toggle: Make any animation 1.5x slower for more dramatic effects</li>
<li>Staggered Animations: Use the delay slider to create cascading animation effects</li>
<li>One-Click Integration: No code required – just select an animation and direction</li>
<li>Performance Optimized: Uses native Intersection Observer API for smooth performance</li>
<li>Works with All Blocks: Compatible with every Gutenberg block</li>
<li>Clean Code: Pure CSS + vanilla JavaScript – no bloat, no dependencies</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Open any block in the Gutenberg editor</li>
<li>Look for “Serend Animation” in the block inspector panel</li>
<li>Choose an animation type (Fade, Zoom, Rotate, Bounce, or Flip)</li>
<li>Select a direction using the visual arrow buttons</li>
<li>Optionally enable “Slow Motion” for a more dramatic effect</li>
<li>Optionally set a delay for staggered effects</li>
<li>Click “Show Animation” to preview in the editor</li>
<li>Save and view your animated content on the frontend</li>
</ol>
<h4>Animation Types</h4>
<p>Each animation type supports 4 directions (top, right, bottom, left):</p>
<ul>
<li><strong>Fade</strong>: Elements gracefully fade in while sliding from the selected direction</li>
<li><strong>Zoom</strong>: Elements scale up from smaller size while moving from the selected direction</li>
<li><strong>Rotate</strong>: Elements rotate while scaling and moving from the selected direction</li>
<li><strong>Bounce</strong>: Elements bounce in with elastic effect from the selected direction</li>
<li><strong>Flip</strong>: Elements flip in with 3D rotation (X-axis for top/bottom, Y-axis for left/right)</li>
</ul>
<p>Plus, every animation can be made slower with the “Slow Motion” toggle for more dramatic effects!</p>
<h4>Perfect For</h4>
<ul>
<li>GDPR-Compliant Websites: No tracking, no cookies, no privacy concerns</li>
<li>Performance-Critical Sites: Lightweight and fast-loading</li>
<li>Agency & Developer Projects: White label ready, clean code with no plugin branding</li>
<li>Landing Pages: Engaging animations without the bloat</li>
<li>Portfolio Websites: Showcase your work with beautiful effects</li>
<li>Business Sites: Stand out without compromising on speed or privacy</li>
<li>Blog Posts: Dynamic content reveals that respect user preferences</li>
<li>Client Projects: Safe, reliable animations with zero maintenance overhead</li>
</ul>
<h4>Developer Friendly</h4>
<ul>
<li>Pure CSS + Vanilla JS: No jQuery or framework dependencies</li>
<li>WordPress Coding Standards: Clean, secure, and maintainable code</li>
<li>Zero External Calls: No CDNs, APIs, or third-party services</li>
<li>White Label Frontend: No plugin branding or comments in generated HTML/CSS</li>
<li>Lightweight Footprint: Only 8KB total – smaller than most images</li>
<li>Extensible Architecture: Easy to customize with your own CSS</li>
<li>Debug Mode: Built-in tools for development and troubleshooting (enable via Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Serend Animations)</li>
<li>GDPR Compliant: No data collection, tracking, or external connections</li>
<li>Security Focused: Follows WordPress security best practices</li>
</ul>
<h3>Additional Information</h3>
<h4>Minimum Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>Modern browser with JavaScript enabled</li>
</ul>
<h4>Contributing</h4>
<p>This plugin is open source. Contributions are welcome.</p>


Serend Animations

Add beautiful scroll animations to Gutenberg blocks with a simple dropdown. Lightweight, GDPR-friendly, no third-party dependencies!

Md Mim Akhtar

<p>Seazonify is the ultimate seasonal engagement and UX enrichment platform for WordPress. Whether it is the magic of falling snow in winter, the serenity of autumn leaves in the fall, or festive fireworks for a celebration, Seazonify allows you to transform your website’s atmosphere with a single click.</p>
<p>Unlike generic effect plugins that rely on bloated third-party libraries or slow external CDNs, <strong>Seazonify 1.0.5+</strong> is built with a <strong>100% Local-First Architecture</strong>. This means every single one of our 50+ premium effects is bundled directly within the plugin.</p>
<h3>Why Choose Seazonify?</h3>
<ul>
<li><strong>Premium Library</strong>: Access 50+ high-fidelity visual and audio effects, including 3D maple leaves, realistic rainfall, crackling fireplaces, and cinematic holiday themes.</li>
<li><strong>Performance First</strong>: Built with modern CSS3 and GPU-accelerated JavaScript, our effects are designed to be “invisible” to your site’s performance, ensuring zero impact on your Core Web Vitals.</li>
<li><strong>Total Privacy</strong>: Seazonify does not track your visitors, collect personal data, or use external cookies. We are 100% GDPR compliant by design.</li>
<li><strong>Live Customizer Integration</strong>: Preview your seasonal transformation in real-time. Fine-tune your visuals and audio using the native WordPress Customizer before your visitors ever see them.</li>
<li><strong>Enterprise-Grade Reliability</strong>: Our “Self-Healing Asset Resolver” dynamically resolves file paths locally, ensuring your effects work perfectly on development, staging, and production domains without manual configuration.</li>
</ul>
<h3>Features</h3>
<h3>1. High-Performance Visual Effects</h3>
<p>From subtle ambient particles to cinematic overlays, our visuals use hardware-accelerated rendering:<br />
*   <strong>Weather</strong>: Realistic Snow, Rain, Thunderstorms, and Mist.<br />
*   <strong>Nature</strong>: 3D Maple Leaves, Cherry Blossoms, Fireflies, and Spring Blooms.<br />
*   <strong>Holidays</strong>: Christmas, New Year, Ramadan, Diwali, Republic Day, and more.</p>
<h3>2. Immersive Audio Soundscapes</h3>
<p>Create a complete sensory experience by layering audio effects that play seamlessly in the background:<br />
*   <strong>Nature Ambience</strong>: Forest birds, ocean waves, and gentle rain.<br />
*   <strong>Cozy Interiors</strong>: Crackling fireplaces and ambient wind.<br />
*   <strong>Special events</strong>: Curated audio for festive celebrations.</p>
<h3>3. Smart Combo Presets</h3>
<p>Don’t want to mix and match? Use our “Combo” library to apply pre-configured pairings of vision and sound for a perfectly balanced seasonal vibe.</p>
<h3>4. Admin & Performance Tools</h3>
<ul>
<li><strong>Lazy Loading</strong>: Only the selected effect’s assets are loaded. No global bloat.</li>
<li><strong>Rate Limiting</strong>: Protects your site’s resources during high-traffic surges.</li>
<li><strong>Security Built-in</strong>: Follows strict WordPress.org coding standards, with no <code>eval()</code> or unauthorized remote calls.</li>
</ul>
<h3>External services</h3>
<p>Seazonify uses a minimal, secure connection to our backend exclusively for account lifecycle management.</p>
<h4>1. Seazonify API (https://api.seazonify.com)</h4>
<p>This is our authentication and connectivity bridge. It is used ONLY for the initial connection between your WordPress site and your Seazonify account.</p>
<p><strong>Key Technical Details:</strong><br />
*   <strong>OTP-Based Auth</strong>: Securely connect using a one-time password (OTP) instead of sharing sensitive account credentials.<br />
*   <strong>Connectivity Status</strong>: The plugin occasionally pings the <code>/api/plugin/v1/status</code> endpoint to verify your account connection remains active.<br />
*   <strong>ZERO Local Data Export</strong>: No visitor data, site content, or administrative logs are ever sent to our API.<br />
*   <strong>Bundled Assets</strong>: NO effect metadata, scripts, images, or audio files are fetched from this API. 100% of the libraries are bundled locally for maximum speed and security.</p>
<p><strong>Service Documents:</strong><br />
*   <a href="https://seazonify.com/terms" rel="nofollow ugc">Terms of Service</a><br />
*   <a href="https://seazonify.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>
<h3>Source Code & Build Tools</h3>
<p>Seazonify is fully committed to the Open Source spirit of the WordPress community. While we include minified assets for production efficiency, we maintain 100% source code transparency.</p>
<ul>
<li><strong>Official GitHub</strong>: <a href="https://github.com/itsmimakhtar/Seazonify" rel="nofollow ugc">https://github.com/itsmimakhtar/Seazonify</a></li>
<li><strong>Transparency Mapping</strong>: Every production file in the <code>dist/</code> folders maps directly to a human-readable counterpart in our <code>src/</code> folders (e.g., <code>controller.js</code> <span aria-hidden="true" class="wp-exclude-emoji">↔</span> <code>controller-src.js</code>).</li>
</ul>


Seazonify

Empower your site with high-performance seasonal visual and audio effects designed to boost engagement and delight visitors year-round.

Serend Animations vs Seazonify