Enhance your designs using
Lottie
Drop-in Lottie layers
Add a dedicated Lottie layer, then load animations from built-in libraries (e.g., Lordicon) or import your own JSON files (LottieFiles, Bodymovin, etc.).
Playback controls
Configure Duration, Autoplay, Endless Loop, and Respect Timeline Start—so Lottie playback syncs cleanly with your slide & layer animations.
Renderer & performance
Choose Canvas (speed) or SVG (compatibility), set Lottie Size (Contain/Cover), and enable Progressive Load to start playback sooner.
Interactive Lottie (5 modes)
Drive animations via Click, Hover, Morph (play forward/back on enter/leave), Mouse Move (with Ease Speed & Continue Playing), or Scroll with Seek/Loop/Stop actions and frame/progress targeting.
Built-in Lottie Editor
Recolor fills & strokes, adjust stroke widths, or edit individual elements with Grouped Colors, Grouped Strokes, and Edit Layers—right inside Slider Revolution.
Works with regular SR animations
Combine Lottie with standard layer IN/OUT/TO animations for richer choreography.
Learn how to Install,
activate & configure
Lottie
A quick, step-by-step guide to get this addon running:
requirements, installation, activation, and key settings.
Results-driven uses for
Lottie
Hero icons & micro-interactions
Add lightweight, resolution-independent animations for headers, feature callouts, and pricing sections—autoplay or on hover/click.
Scroll-told stories
Tie Lottie playback to page scroll (seek, stop, loop segments) for product walkthroughs, timelines, and step-by-step explainers.
Interactive CTAs & buttons
Use Hover or Morph to reward intent; subtle loops on idle, then play/reverse on interaction to guide clicks.
Brand-matched animations
Recolor vendor assets in the Lottie Editor to your palette without leaving the editor—perfect for rapid theming.
Data & UI demos
Pair Lottie with standard layer animations to simulate interface states, feature toggles, or onboarding cues.
Instant Wow
Some of our templates built with
Lottie
Explore other popular addons
-
Filmstrip
Create dynamic, infinite-scrolling filmstrips with images or videos in Slider Revolution. Arrange multiple strips, control direction and speed, and build immersive, motion-rich layouts with ease.
-
Fluid Dynamics
Bring real-time, WebGL fluid effects to your slides—silky “ink in water” motion with full color control.
-
Advanced Transitions
Unlock premium WebGL scene changes for sliders that feel fast, modern, and unmistakably pro.
-
The Cluster
Build responsive 3D particle clusters that orbit, attract, and react to the cursor.
-
Mousetrap
Lets you turn any layer into a custom cursor and create mouse-follow interactions—replacing the default pointer for engaging, on-hover effects.
-
Particles
Add animated particles to Slider Revolution with the Particle Effects Addon. Start from presets or custom SVGs, then fine-tune colors, density, and motion.
-
Particle Wave
The Particle Wave addon for Slider Revolution enables you to add interactive, 3D particles background animation effects.
-
Before & After
Create interactive before-and-after comparisons in Slider Revolution with the Before & After Addon.
-
BubbleMorph
Add gooey, lava-lamp style motion to Slider Revolution with the Bubble Morph Addon.
-
Distortion
Add animated distortion effects to Slider Revolution with the Distortion Addon and enhance slide transitions or cursor-driven interactions.
Get 30+ powerful addons with Slider Revolution
One purchase gives you instant access to the full collection of powerful addons. No extra costs, no hidden fees — everything you need to create next-level designs is included.
