Hi everyone! 
I am super excited to officially introduce PageFlow, the new premium component designed to transform pages made of multiple full-screen sections into a guided, interactive, and visually stunning cinematic scrolling experience inside Elements.
If you are building landing pages, portfolios, or visual presentations structured across multiple full-screen sections, PageFlow is the ideal tool. It takes each section on your page and handles it like a slide snapped perfectly to the viewport, giving you full design control and a smooth, distraction-free browsing experience.
What Makes PageFlow Special?
Here are some of the key highlights built for your projects:
- Built for Full-Screen Sections: Designed specifically to handle pages divided into full-screen sections, making transitions between blocks seamless and impactful.
- Engine 1 - Real Scroll (MotionForge Compatible): Keeps the native page scroll and was custom-built to integrate perfectly with MotionForge. This allows you to synchronize full-page section snapping with advanced animations (just like the ones shown on our Dune demo page!).
- Engine 2 - Fixed Screen (7 Built-In Visual Effects): A fixed-layout mode featuring 7 built-in, high-impact transition effects (Elegant Zooms, Fades, 3D Rotations, Slides, and more) for anyone wanting a pure slideshow effect without needing external scripts.
- BONUS COMPONENT: PageFlow Animator (Included Free!): Included in the package is a dedicated second component designed to animate individual elements and content within your slides (text, images, buttons). It brings your components to life with elegant sequential animations the exact moment each section enters the screen!
- “Spatial Grid” Navigation (visionOS Style): The ultimate WOW effect. A full-screen dynamic honeycomb overlay grid complete with custom icons, labels, and a modern blurred backdrop to instantly jump between sections.
- Anti-FOUC Screen (Zero Flashes): No more unstyled or misaligned layout flashes while the page loads. A customizable welcome screen covers browser calculations to ensure a flawless entrance.
- Mobile Perfection: Forget the typical full-screen scrolling issues on smartphones! PageFlow natively manages touch/swipe gestures and dynamic mobile browser heights, eliminating annoying jumpiness caused by address bars on iOS and Android.
- Custom Triggers: Easily turn any external button, icon, or text on your page into a custom trigger to navigate directly between sections.
Built Specifically for the Elements Editor
No more guessing while designing: PageFlow offers a 1:1 pixel-perfect WYSIWYG preview directly inside the editor. What you design on the Elements Canvas is exactly what your visitors will see online, with zero script conflicts.
Demo Page & Store
See PageFlow and MotionForge in action on our demo page to discover what you can build:
Download PageFlow Now
Download now with 15% off for a limited time!
I’d love to hear your thoughts, which features you’re most excited about, or how you plan to use it in your upcoming projects. If you have any questions or technical curiosities, feel free to ask below!
Happy designing!
