Embed Lottie Player – bring your pages to life with animation vs Superb Addons

Add eye-catching Lottie motion graphics to any post, page, or widget – configure autoplay, looping, and interactivity in a few clicks, no code required. Plugin Demo | Documentation | Get Pro Version Why Embed Lottie Player? Lottie animations are the modern way to add lightweight, crisp motion graphics to the web – and Embed Lottie Player makes using them in WordPress effortless. Embed any LottieFiles animation, .json, or .dotlottie file into posts, pages, and widgets with a dedicated Gutenberg block, then show your animation exactly the way you want. The block is packed with options: show or hide player controls, enable autoplay and looping, attach a link, set the width, and align the player left, center, or right. You can even style the controls themselves – height, background color, icon colors, tracker, and thumb – to match your site. The Pro version goes further with direct file uploads, hover interactions, playback modes, direction, play count, speed, and interval controls, plus advanced interactivity like scroll synchronization, cursor-driven playback, and click-triggered animations – and a fully styleable caption below the player. Free Features JSON & dotLottie URLs: Enter both .json and .lottie file URLs to embed animations. Player Controls: Show controls so users can interact with the player. Autoplay: Start the animation automatically on load. Loop: Make the animation repeat seamlessly. Link: Add a link to the player so users can navigate to any URL. Width & Alignment: Set the player width and align it left, center, or right. Control Styling: Customize height, background color, icon colors (normal, hover, active), tracker color, and thumb color. Pro Version Upload Files: Upload both .json and .lottie files directly to the Lottie Player. Hover: Play the animation when the mouse hovers over the player. Mode, Direction & Count: Choose playback modes, set forward/backward direction, and specify how many times the animation plays. Speed & Interval: Adjust playback speed and set an interval between loops. Open Link in New Tab: Send visitors to your link without leaving the page. Interactivity: Sync with scroll, scroll relative to the container, scroll with offset, sync with cursor position or horizontal movement, play on click, and play when visible. Caption & Caption Styles: Show a caption below the player and customize its text alignment, typography, colors (text and background), padding, and margin. How to Use – Quick Start Install and activate the Lottie Player block plugin. In the Gutenberg editor, add the Lottie Player block from the “Widgets” block category. Paste your .json or .lottie file URL. Configure controls, autoplay, loop, link, width, and alignment from the right-side settings sidebar. Publish – your animation is live. Use Cases Landing Pages: Replace static hero images with lightweight animated illustrations. Product Sites: Explain features with looping micro-animations. Portfolios & Agencies: Add polished motion design that loads fast. Blogs & Docs: Illustrate steps and concepts with animated visuals. User Feedback ⭐⭐⭐⭐⭐ Perfecto ❛❛Genial para meter animaciones lottie❜❜ –juandemingo ⭐⭐⭐⭐⭐ Amazing Plugin! ❛❛This is a fantastic plugin to configure Lottie Animations. Simple and easy to use but still very customizable. The support team helped me a lot while i built my site. Thank you very much guys❜❜ –bueroblanko ⭐⭐⭐⭐⭐ Recommended ❛❛Currently, we have little choice when we need to embed a Lottie animation into a WordPress website built with the block editor. Luckily, this plugin is far above average and offers many options to finetune your animation. (Tip: You can even use it to embed a Lottie animation with the Divi builder – simply create a sidebar, insert the animation there, and then bring it into your page using Divi’s sidebar module.)❜❜ –Martin Sauter Did you like this plugin? Have a feature request? Please share your feedback with us. Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. Blocks This plugin provides 1 block. Lottie Player – Lottie player for display lottie files. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Embed Lottie Player on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. @dotlottie/player-component Source: https://www.npmjs.com/package/@dotlottie/player-component GitHub: https://github.com/dotlottie/player-component License: MIT – https://github.com/dotlottie/player-component/blob/master/LICENSE Purpose: Web component used to render and play dotLottie animations in the editor and front end. @lottiefiles/lottie-interactivity Source: https://www.npmjs.com/package/@lottiefiles/lottie-interactivity GitHub: https://github.com/LottieFiles/lottie-interactivity License: MIT – https://github.com/LottieFiles/lottie-interactivity/blob/master/LICENSE Purpose: Adds scroll and cursor interactivity to Lottie animations. Freemius Lite SDK Source: https://bplugins.com/ GitHub: https://github.com/bPlugins/freemius-lite-sdk License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy. bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

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