Serend Animations vs Superb Addons

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

The last WordPress plugin you’ll ever need. Unlock free forms, powerful Gutenberg blocks, popups, sliders, animations, pre-built pages, responsive controls, and a complete Theme Designer for WordPress. Create beautiful websites in no time — fully compatible with the regular WordPress editor, Gutenberg, FSE, Elementor, and other page builders. What You Get 👇 Forms (we made the features other form plugins charge for 100% free) 15+ Gutenberg blocks (Slider, Countdown, Popup, Progress bar, Google Maps & More) 200+ patterns 50+ pre-built full pages 20+ headers & footers Theme Designer 70+ animations (scroll, hover, typing, counting, click, etc.) Responsive controls & display conditions (mobile, tablet, desktop) Advanced custom CSS (lightweight & optimized) Extended Navigation block (menus, mobile options, styles) Sticky Blocks Extra social icons (20+ platforms) Editor Enhancements Add to Cart Button for WooCommerce Buy Now Button for WooCommerce (Skips cart, goes directly to checkout) Dynamic Content Free Forms & WordPress Form Builder: Contact Forms, Newsletter Signup Forms & More Superb Addons includes a powerful free form builder that lets you create contact forms, newsletter signup forms, feedback forms, support forms, RSVP forms, booking request forms, quote request forms, and multi-step forms. Create forms for free using a wide range of field types including email fields, textareas, number fields, calculated fields, sliders, dropdowns, radio buttons, checkboxes, consent checkboxes, rating fields, file uploads, date pickers, time pickers, color pickers, signature fields, phone fields, URL fields, content fields, and more. Customize placeholders, default values, validation rules, regex patterns, field widths, success messages, error messages, and submission behavior. Superb Forms also includes integrations for Mailchimp, Brevo, Google Sheets, Slack, and webhooks, making it easy to connect your forms to newsletters, automations, CRMs, and workflows. Protect your forms with built-in anti-spam tools like Honeypot, hCaptcha, reCAPTCHA v2/v3, and Cloudflare Turnstile. Save form submissions directly in WordPress, send admin notifications and user confirmations, customize outgoing emails, redirect users after submission, display submission summaries, and control form access based on user roles like administrator, editor, author, or contributor. For websites with privacy and GDPR requirements, Superb Addons also includes optional automatic data retention controls that can automatically delete stored form submissions after a chosen amount of time. Every WordPress Block You’ll Ever Need Superb Addons offers a wide range of powerful and easy-to-use WordPress Gutenberg Blocks. If you feel a specific block is missing, let us know. We’re always creating new features based on user feedback. You don’t need a license or account to get started, just activate the plugin and start. Free Popup Block: Exit Intent Popups, Discount Popups, Newsletter Popups & More Create pop ups and modal windows directly inside Gutenberg without needing a separate pop up plugin. Build newsletter signup popups, special offers, welcome messages, contact form popups, announcements, notifications, and content disclaimers with an easy visual workflow inside the WordPress editor. Choose when your popup should appear with triggers like page load, scrolling, exit intent, delays, or custom trigger buttons. You can also control popup frequency, overlays, close buttons, outside click behavior, escape key closing, and auto-close timers to create a smoother experience for your visitors. Perfect for landing pages, WooCommerce stores, blogs, marketing campaigns, and lead generation websites. Creating popups have never been easier. Slider & Carousel Block: Create Image Sliders, Content Carousels & More Create beautiful sliders and carousels. Whether you’re building a testimonial slider, image gallery, logo carousel, featured content section, or a modern hero slider, Superb Addons makes it easy. Customize autoplay, adaptive height, navigation arrows, dots, infinite looping, and responsive behavior with a simple visual interface. You can also choose between transition effects like slide, fade, flip, zoom, and card styles to create smooth, modern-looking layouts for blogs, landing pages, WooCommerce stores, and business websites. Countdown Block: Create Countdown Timers, Evergreen Countdowns & More Create countdown timers for product launches, limited offers, events, sales campaigns, landing pages, and more directly inside the WordPress editor. Superb Addons lets you build both fixed countdowns for specific dates and evergreen countdowns that start individually for each visitor. Free Progress Bar Block: Create Progress Bars, Skill Bars, Milestones & Goal Trackers Create beautiful progress bars for goals, milestones, fundraising campaigns, statistics, skills, downloads, sales progress, and more. Customize the current value, goal value, labels, prefixes, suffixes, and milestone indicators with an easy visual interface. Free Google Maps Block: Embed Google Maps Without an API Key Embed an interactive Google Map to display your office, restaurant, café, or any location. A great feature for businesses and local services. Free Rating Block: Star Ratings & Review Scores Add customizable star and rating bars to your site with the rating block. Rate anything from 1 to 10 in a beautiful way, making it ideal for review websites. Free Coupon Reveal Buttons Add a customizable reveal button to reveal coupon or bonus codes. Loved by coupon, betting, and casino affiliate websites, this block drives user engagement. You choose the layout, appearance and reveal conditions. You can style the buttons however you wish and control how it’s revealed. It’s a great block for improving conversion rate. Toggle Block The Toggle block neatly organizes content into collapsible sections. It’s ideal for FAQ accordions, product details, or any text-heavy sections. Free About The Author Box Block Add a professional “About the Author” section to your posts or pages with one click. Include your image, description, and social links. Perfect for bloggers and personal sites. Free Table of Contents Block Automatically generate a TOC from your headings with anchor links, complete with clickable links to each section of your article. This block is a must-have for blogs and content heavy websites. It offers full customizations for borders, backgrounds, paragraphs etc. Free Recent Posts With Images Block Showcase your latest posts with sorting and filtering options. Perfect for news sites or blogs looking to highlight specific categories or articles. Free Cover Image Block Showcase your images in any size or aspect ratio. Ideal for photographers and galleries. WooCommerce Add To Cart Button Block Create custom WooCommerce add to cart buttons and place them anywhere on your website. Select specific products or product bundles, customize quantity selectors, apply coupon codes automatically, and build smoother shopping experiences without touching code. WooCommerce Buy Now Button Block Create WooCommerce Buy Now buttons that send customers directly to checkout instead of the cart. Select products or bundles, customize quantity selectors, apply coupon codes automatically, and control what should happen if the customer already has products in their cart. Extended social media buttons for the Social Icons Block We have added the following social media platforms to the Social Icons Block: Bilibili, Buy Me a Coffee, GitLab, Gumroad, KakaoTalk, Kick, Ko-fi, Letterboxd, LINE, Linktree, Locals, Notion, pixiv, Rumble, Signal, Slack, Steam, Substack, Tripadvisor, WeChat & Weibo. Drop caps for paragraphs Add a customizable drop cap to any paragraph block. Make WordPress and Gutenberg Responsive With Superb Addons Responsive Controls Superb Addons gives you both responsive visibility controls and advanced responsive design controls for WordPress blocks. Hide or show any Gutenberg block on desktop, tablet, or mobile, and customize how each block looks on different devices directly inside the WordPress editor. Adjust padding, margin, font size, text alignment, max width, block spacing, flex direction, column count, flex alignment, and block order separately for desktop, tablet, and mobile. Add Custom CSS: Optimized and Lightweight Access the Advanced Custom CSS feature that lets you easily add and manage custom CSS. Your custom CSS is automatically delivered in a lightweight and compressed format to ensure quick loading times and top-notch performance. Display Conditions & Conditional Visibility Control exactly when WordPress blocks and elements should appear with advanced display conditions for Gutenberg and Full Site Editing (FSE). Superb Addons lets you show or hide blocks based on login state, user role, user meta, post type, post author, post category, post tag, post meta, date range, day of week, time of day, URL query strings, referral URL, browser language, and visitor country. Create dynamic WooCommerce experiences by showing blocks based on products in cart, cart value, total spent, and purchase history. You can also create personalized LearnDash experiences with conditions for course access and course status. Dynamic Content & Dynamic Links Add dynamic content and dynamic links easily. Display dynamic values like post title, post content, post excerpt, post date, post type, post status, post terms, custom fields, Advanced Custom Fields (ACF), author information, archive information, current date, current time, URL parameters, logged in user data, and much more. You can also create dynamic links for post URLs, featured image URLs, author URLs, custom fields, Advanced Custom Fields (ACF), and other dynamic WordPress data. Stacking Order & Z-Index Controls Control which WordPress blocks appear above or behind other elements with easy stacking order and z-index controls. Superb Addons lets you quickly adjust the stacking order of any block or section directly inside the WordPress editor without custom CSS or manual z-index code. Choose between normal, behind, above, and high stacking order settings, or set a custom z-index value for advanced layouts. Animate Blocks, Sections or Elements easily with Superb Animations Looking to beautify your website with stunning animations for images, text, headlines, or other elements? Superb Addons makes it simple! With over 70+ animation options, you can bring your content to life and engage your visitors. We have animations for flipping, fading, sliding, counting, text typing, and much more. Choose animation triggers like scroll, click, hover, and more through our toggle menus. Sticky Blocks Make any WordPress Gutenberg block sticky with Superb Addons. Create sticky sidebars, sticky columns, sticky headers, sticky navigation menus and more. Choose whether a sticky block should stick to the top or bottom of the screen, stay sticky within its parent container, within its outer block, or across the entire page. Customize the sticky offset distance, responsive visibility for desktop, tablet, and mobile devices, scrolling behavior, transitions, and stacking effects. Use Cases Turn WordPress & Gutenberg Into a Powerful Website Builder Superb Addons transforms the regular WordPress Gutenberg editor into a complete website builder with forms, popups, sliders, carousels, countdowns, animations, sticky blocks, responsive controls, dynamic content, WooCommerce buttons, and a powerful Theme Designer. Instead of installing lots of separate plugins, you get everything inside one lightweight solution built directly for Gutenberg and Full Site Editing (FSE). Design landing pages, business websites, blogs, online stores, portfolios, and marketing pages visually inside the editor you already use. Create responsive layouts, animated sections, popup campaigns, multi-step forms, sticky elements, and dynamic WooCommerce experiences without touching code or slowing down your website. Powerful Theme Designer Easily customize every aspect of your WordPress theme, including the header, footer, homepage, about page, contact page, blog, and more – all with a single click. The Theme Designer works with all block themes, making it perfect for any website type. Whether you’re building a lifestyle blog, fashion website, travel blog, business site, or online store, Superb Addons is your all-in-one solution for creating a professional and unique look. Pre-built Pages and Patterns for Every Purpose Superb Addons is designed to help you build any type of website quickly and easily. With hundreds of pre-built pages and patterns, you can create a professional website in just a few clicks. Whether you need layouts for calls to action, content sections, or testimonials, we’ve got you covered. Just open the editor and insert the pattern you want – our patterns work for all post types. Extend the WordPress Navigation Block We’ve improved the WordPress menu by adding all the features you’ve been missing: New designs, flexible mobile and tablet options & much more. Liquid Glass Background Full Color Customization 4 Different Designs Unique Mobile/Tablet Options Free Patterns Available for These Categories: CTA ( Call to Action ) Patterns Content Patterns Contact Patterns Feature Patterns Navigation Patterns Testimonial Patterns Team Patterns Stats Patterns Link Patterns Social Patterns Posts & Query Patterns Footer Patterns Archive patterns Announcement pattern Pre-built Pages Available for These Categories: Front Page / Homepage Landing Page Contact Page Services Page Blog Superb Addons is versatile and works exceptionally well for a variety of websites. Here’s how: Blog Websites: Perfect for bloggers with customizable blocks and patterns designed for blogging and content sharing. Affiliate Websites and Marketing: Optimized for AdSense and banner ads, making it ideal for generating advertisement revenue. Elementor Websites: Includes 300+ sections created for Elementor. Agency Websites: Whether you’re building a travel or lifestyle blog for a client, we’ve got everything you need to create a polished site. Business & Company Websites: Packed with corporate patterns to help you create a professional business website. eCommerce Websites and Online Shops: From jewelry to fashion and more, WooCommerce blocks and patterns make it easy to set up your store. Landing Pages: Build stunning landing pages for apps, SaaS tools, or any other project with pre-designed sections. Magazines and Newspapers: Add a clean, minimalistic design and publish news like the leading newspapers in no time. Photographers: Showcase your photography portfolio with beautiful, customizable layouts and blocks. Review Sites: Translation-ready features allow you to create review sites in unlimited languages. Startups: Launch a professional website for your startup with pre-built pages designed specifically for new businesses. SEO Websites: Schema markup and SEO optimization help your site rank higher on Google and other search engines. Writers & Authors: Publish and share your work effortlessly with dedicated blocks and patterns for authors. Podcasters & Entertainers: Use Superb Addons to create your podcast website with automatic updatable podcast playlists. Superb Addons Won’t Slow Down Your Website – It’s Lightweight and SEO Optimized 🚀 Superb Addons is built to keep your website fast and lightweight while ensuring everything you create is search engine optimized (SEO optimized). From blocks and patterns to custom CSS, everything is designed to enhance performance without compromising speed. Editor Controls & Block Management Keep your WordPress editor clean and focused by enabling or disabling Gutenberg blocks and individual block actions directly inside the editor. Remove features you don’t use, simplify the editing experience for clients or team members, and create a more streamlined Gutenberg workflow tailored to your website. Testimonials and Reviews 🌟 Discover why users love Superb Addons and SuperbThemes: Rated 4.9 on Trustpilot: Check out what our customers have to say about their experience with Superb Addons and SuperbThemes. Read reviews on Trustpilot. Rated 4.8/5 on WordPress.org: Explore user feedback and reviews for Superb Addons on WordPress.org. Read reviews on WordPress.org. Join thousands of satisfied users who trust Superb Addons to enhance their WordPress websites with top-notch features and exceptional support. Links to Get You Started If you need help, then please contact our support or look through our docs. We’re always available to give a quick demo and help with setup and installation if needed. Visit Our Documentation: SuperbThemes Documentation Contact Our Support Team: Support Page Explore WordPress Block Documentation: WordPress Block Guide Learn the Block Editor: Block Editor Tutorial