Image
Sequencer
Image
Sequencer
Image
Sequencer
You can now effortlessly craft scroll animations in Framer by using Image Sequence component.
You can now effortlessly craft scroll animations in Framer by using Image Sequence component.
Features
Features
Frame 01
Frame 02
Frame 03
Frame 04
Frame 05
Image frames linked to the component or content will play in sequence
Frame 01
Frame 02
Frame 03
Frame 04
Frame 05
Image frames linked to the component or content will play in sequence
Contents
Contents
Alongside other image formats, you can effortlessly include PNGs or images with transparent backgrounds in the Content property. This simplifies the process of creating a seamless and visually appealing experience on your website.
Alongside other image formats, you can effortlessly include PNGs or images with transparent backgrounds in the Content property. This simplifies the process of creating a seamless and visually appealing experience on your website.
Simply choose the images you want, and watch them effortlessly blend in as users scroll through your webpage.
Simply choose the images you want, and watch them effortlessly blend in as users scroll through your webpage.
User Select
To prevent unnecessary clicks or selections, 'user select' can be enabled or disabled for the displayed content. This ensures a smooth and controlled user experience, letting you customize the interaction based on your preferences.
User Select
To prevent unnecessary clicks or selections, 'user select' can be enabled or disabled for the displayed content. This ensures a smooth and controlled user experience, letting you customize the interaction based on your preferences.
Trigger Sequence
This feature provides more control over when to start a sequence, enhancing the overall user experience. By defining when the sequence starts from the Top or Bottom position of a section.
Trigger Sequence
This feature provides more control over when to start a sequence, enhancing the overall user experience. By defining when the sequence starts from the Top or Bottom position of a section.
Tolerance
Set the proximity for when to start the image sequence. A higher tolerance means the image sequence starts later, possibly after reaching the section; a lower tolerance means it begins earlier, possibly before the component reaches the section.
Tolerance
Set the proximity for when to start the image sequence. A higher tolerance means the image sequence starts later, possibly after reaching the section; a lower tolerance means it begins earlier, possibly before the component reaches the section.
Start Delay
The Start Delay property, measured in milliseconds, determines the timing before the image sequence starts. A higher value results in a longer delay, causing the sequence to start later, whereas a lower value starts it earlier.
Start Delay
The Start Delay property, measured in milliseconds, determines the timing before the image sequence starts. A higher value results in a longer delay, causing the sequence to start later, whereas a lower value starts it earlier.
Section Height
Specify the height of the section where the image sequence component is placed. If the section height is low, the sequence ends faster; if higher, the sequence ends later. This allows users to customize the behavior of the image sequence based on their preferences and the characteristics of the specific section.
Section Height
Specify the height of the section where the image sequence component is placed. If the section height is low, the sequence ends faster; if higher, the sequence ends later. This allows users to customize the behavior of the image sequence based on their preferences and the characteristics of the specific section.
Make your designs stand out with this dynamic component.
Make your designs stand out with this dynamic feature.
Product Website Template
Product Website template
Product Website Template
Image Sequence Component
Image Sequence Component
Image Sequence Component
Scroll Effects
Scroll Effects
Scroll Effects
Other Animated components
Other Animated components
Other Animated components
48 High Quality Product Renders
48 High Quality Product Renders
48 High Quality Product Renders