Meet Elementor Scroll Reveal Effects

Turn every scroll into an experience with the ElementsKit Scroll Reveal Module. Reveal text, images, and entire sections with stunning animations that keep visitors hooked - right inside Elementor.

Get Started Read Documentation
Meet Elementor Scroll Reveal Effects

Control Exact Path
of Entry to Guide Every Eye

Guide your user’s focus flawlessly. Set animation direction – top, bottom, left, or right – to decide exactly where each element comes from and where attention lands next.

Ralph Edwards

Co-Founder

Theresa Webb

Product Designer

Ralph Edwards

Head of Engineering

Scroll Reveal

Fine-Tune Animation Speeds & Delays For Cinematic Scroll

Build complex visual sequences with ease. Increase the transition delay to create a staggered "waterfall" effect across columns, and adjust the animation speed to make movements feel snappy or cinematic.

PHOTOGRAPHY

Mount Everest Mountain Art

Are you excited about the treats and discounts that Wpmet is offering right now?

DISCOVER MORE

Lastest From Archive

With ElementsKit all-in-one add-on for Elementor every widget & extension can be customized, enabled & disabled!

23

Jan

TECHNOLOGY

Start One With Our Responsive & Fast-Loading

Lorem ipsum is placeholder text commo used in the graphic, print mote image..

22

Jan

Sports

Not sure which theme is your best betting service

Lorem ipsum is placeholder text commo used in the graphic, print mote image..

25

Jan

Internet

Reader Theme suitable for your personal storytelling

Lorem ipsum is placeholder text commo used in the graphic, print mote image..

Welcome To ElementsKit

Make contact Faster Better Comfort than ever.

Pages is a powerful word processor that lets you create stunning documents, and comes included with most Apple devices. And with real-time collaboration, your team

Kristen Collins WP Team Lead, XpeedStudio

Pages is a powerful word processor that lets you create stunning documents, and comes included with most Apple devices. And with real-time collaboration, your team can work together from anywhere.

Marissa Young WP Team Lead, XpeedStudio
Work

Journey Towards Success

Selected

Counter Line Stroke
Color Style 3

Decorate your countdown timer with multiple colorful circle line styles.

Image Hover Effect

Generate Slide effect
with ElementsKit

Discover Hover Effect
In ElementsKit

There are many variations of passages of Lorem Ipsum available.

Generate a Design
In Hover Effect

There are many variations of passages of Lorem Ipsum available.

Smooth Entrance
with Hover

Stéphane Bout

Team Lead, NeuralFlux AI

Dylan Meringue

Web Designer, NeuralFlux AI

Pelican Steve

Digital Marketer, NeuralFlux AI

Apply Cinematic Image & Color-Driven Reveal That Turns Heads

Most scroll animations just fade in. ElementsKit goes further, mask images with a custom overlay color or use a bold reveal block to make your content arrive with impact.

  • Bring Your Text to Life Beautifully
  • Showcase Media With Colorful Masking
  • Make Your Headlines Stand Out

Trigger Animation Once or Every Single Scroll

Decide exactly how your page behaves. Toggle your settings to trigger the reveal animation every single time the user scrolls up and down, or play it just once for a subtle first impression.

  • Bring Your Text to Life Beautifully
  • Showcase Media With Colorful Masking
  • Make Your Headlines Stand Out

Simple, Transparent Pricing
with Elementskit

Free Plan

$ 0 / Forever
  • 40+ Free Widgets
  • Header & Footer Builder
  • Basic Mega Menu
  • Cross-Domain Copy Paste
Get Started

Pro Plan

$ 39 / Year
  • 90+ Premium Widgets
  • Advanced Mega Menu Builder
  • Parallax & Motion Effects
  • WooCommerce Builder
  • Advanced Tabs & Accordions
Upgrade Now

Agency Plan

$ 179 / Year
  • Everything in Pro Plan
  • Unlimited Websites
  • Team Collaboration
  • White Label Option
  • Lifetime Updates
Buy Now

What WordPressians Say About ElementsKit

From Glass Morphism and Parallax to Image Morphing and cinematic motion Effects, ElementsKit is packed with eye-catching animation features that users love. Here's what they’re saying:

View all

Love the high quality of design each widget haves, and for each widget there are like 10 different examples. Also they didn’t bother to include every demo they showcased so you can easily import it on your website!

djekanovic @djekanovic

I am looking for elementor addon that easy to use and give block to start my new site, luckily i found elementkit, its easy to use and very good quality. thanks

ariekoprasethio @ariekoprasethio

Super helpful customer support! This plugin has a lot of potential to become a must have addon for elementor. Even the features they are offering now, gives so much value.

heikkivihersalo @heikkivihersalo

Scroll Reveal FAQ’s

Elementor Scroll Reveal FAQs:

Have more questions on ElementsKit Scroll Reveal?
Reach our Support Team.

Yes! You only need the free Elementor page builder and ElementsKit Pro to unlock all the advanced scroll reveal features.

It is built right into your workflow. Just click on any element, navigate to the Elementor Advanced tab, and toggle the ElementsKit Scroll Reveal module to enable it.

Absolutely. You have a dedicated toggle to decide whether the animation triggers every single time a user scrolls past it, or just the very first time it enters their view.

You can easily create sequential animations by adjusting the "Transition Delay" setting. Just add a few extra milliseconds of delay to each consecutive column or widget to build the waterfall effect.

Yes. You can define the exact entry path (from the top, bottom, left, or right) and adjust the animation speed in milliseconds to move feel snappy or cinematic.

Yes! You can enable custom image overlays and choose specific primary reveal colors to mask your media before the sliding block reveals your actual content.

Not at all. Every feature from the transition delays to the directional paths and overlay colors is controlled entirely through simple toggles and sliders inside the Elementor editor.