0%
loading
Scroll to Explore
Scroll to Explore
The "Cinema" Effect
Not just a video, but an interactive narrative. Control every single frame with the scroll wheel. Perfect for product showcases and immersive storytelling.
Optimized code for a steady 60fps.
Full control over mobile and desktop.
Drag, drop, select your folder and publish.
Native for Realmac Elements.
Let your copy slide over animations for a modern, layered look.
Personalize your scroll invitation with a dedicated dropzone.
You want to display a high-resolution video as the central element of the page with absolute frame-by-frame control.
You need to insert multiple animated sequences or want to ensure maximum smoothness and compatibility across all devices.
By downloading the components now, you will have a complete toolkit to tackle your creative challenges and benefit from the launch discount. Alternating native videos and image sequences in the same project allows you to offer your users the ultimate digital storytelling experience, without technical or creative compromises.
Component Guide
Discover the best solution for your project. This guide will help you choose the ideal component based on the storytelling experience you want to offer your users.
| Feature |
Video Experience
Scrollyplay
|
Sequential Experience
Scrollytelling
|
|---|---|---|
| Core Technology |
Native video playback controlled by scrolling
|
Sequence of pre-extracted images (frames)
|
| Asset Preparation | Video file optimization (MP4) | Extraction of individual frames from video |
| Performance & Limits |
One video per page is recommended.
An optimized version is in development to try and overcome browser limits: take advantage of the launch discount now to guarantee every future free update. |
Maximum cross-browser compatibility and no limitations on the number of animated sequences per page. |
| Narrative Precision | Essential for controlling minute movements (e.g., blinking eyes or subtle gestures) vital to the narrative. | Ideal for fluid storytelling based on wide movements and continuous, dynamic photo sequences. |
| Resources & Tools |
Video Optimization
Export from your favorite video editor by setting the Keyframe Interval to 1 (Closed GOP). For AI-generated files or stock resources, we suggest optimized conversion with HandBrake:
|
Frame Extraction
A dedicated tool for asset management will soon be available directly on this site. In the meantime, you can use the free external Frame Extractor tool to prepare your sequence: |
Core Technology
Scrollyplay
Native video playback controlled by scrolling
Scrollytelling
Sequence of pre-extracted images (frames)
Asset Preparation
Scrollyplay
Video file optimization (MP4)
Scrollytelling
Extraction of individual frames from video
Performance & Limits
Scrollyplay
One video per page is recommended.
An optimized version is in development to try and overcome browser limits: take advantage of the launch discount now to guarantee every future free update.
Scrollytelling
Maximum cross-browser compatibility and no limitations on the number of animated sequences per page.
Narrative Precision
Scrollyplay
Essential for controlling minute movements (e.g., blinking eyes or subtle gestures) vital to the narrative.
Scrollytelling
Ideal for fluid storytelling based on wide movements and continuous, dynamic photo sequences.
Resources & Tools
Export from your favorite video editor by setting the Keyframe Interval to 1 (GOP chiuso).
For AI-generated files or stock resources, we suggest optimized conversion with HandBrake:
A dedicated tool for asset management will soon be available directly on this site.
In the meantime, you can use the free external Frame Extractor tool:
Future technical updates and new features will be available free of charge to all license holders.