1. Lottie Elementor
2. Lottie Json Format
3. Lottie Elementor -

Description

Lottie is an animation format, much like GIF so a Lottie file is a prerequisite to add Lottie animation in Elementor. In Elementor, you can add a Lottie file using the Lottie widget. Hence, you can also apply motion effects to your Lottie file. The Lottie widget offers many settings and controls for customizing your animation, including reverse play and loop Create Animations for Mobile Devices Add versatile, responsive animations that work on every browser and device.

Browse from 221 animated SVG icons and 50 Lottie animations in Elementor Page Builder for your next project.

Try live demo or visit our website to view icon library and features.

Lottie Elementor

Lottie is placed into the left column. Manipulate the sizing and positioning by using negative margins and lottie width. Making The Lottie Sticky. We have the lottie selected/made and plopped it into our Elementor website - now it's time to make it sticky. This keeps it fixed in one position as the content to the right scrolls past it.

SVG animation features:

• 3 types of animations
• Customizable stroke colors
• Scaling of icons to any size, padding adjustment
• Custom setting of animation duration time
• Option to upload and animate your own SVG icon
• On hover draw interaction option
• Entrance animation effects (36)
• Add link to icon (column)

Lottie animation features:

• 5 types of play settings: auto play, on hover, on click, on scroll, on mouse out
• Custom animation timing
• Scroll based display option
• Adjustable animation speed
• Alignment and margin settings
• CSS filter settings with transition duration on hover
• Opacity settings options – also on hover
• Hover animation effects (27)
• Border styling options
• Upload your own or enter Lottie animation URL
• One click customization

Installation

From within WordPress’ dashboard:

1. Go to Plugins -> Add New
2. Search for “Animated SVG”
3. Click “Install”
4. Click “Activate”
5. Open Elementor > Start using widgets

Manually via FTP:

1. Upload the folder ‘animated-svg/’ into the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the Plugins tab in WordPress
3. Navigate to Elementor > Start using widgets

FAQ

I can’t upload my own images, what should I do?
– In rare cases hosting providers restrict the upload of SVG files. You should install an SVG support plugin like Easy SVG support https://wordpress.org/plugins/easy-svg/ to solve the issue.

Do I need Elementor Pro to use the widgets?
– No, the plugin works fine with the free version of Elementor. Minimum version required: 2.9.14

Can I use the icons without limitations?
– Yes, you may display the icons on your website. The source code of each SVG file contains the list of credits and/or the license copyright information. See license.txt for more information.

Reviews

Description

Elementor addon to use creative layout to your site with smaller json file using Lottie animations.

Cleanarchiver. JSON Based Animation

Check below demo pages.

Main Demo Page
On Scroll Lottie Animation
Documentation Macghostview.

Features

• Easy to customize options.
• 5+ animation options.
• Scroll based animation

JSON Based Animation

• Autoplay
• On Hover
• On Click
• Mouse Over-Out Effect
• Scroll Based
• Inline
• Body

Installation

1. Upload the plugin and activate it
2. Edit any page/post using edit with elementor option
3. On elementor widget menu, search/scroll and find the JSON Animation
4. Drag and drop this addon, where you have to add the section
5. Customize the options
6. in a minute you have added the JSON Based Animation, Keep on crafting creative layout using Elementor Page Builder and JSON Based Animation for Elementor.

FAQ

No. Pdf editor. It does not work without Elementor

Lottie Json Format

Absolutely. It will work with any theme where Elementor works.

Lottie Elementor -

Reviews