About this Component
Create cinematic editorial hero experiences with animated images and responsive typography.
The sequence begins with a fullscreen overlay, animated counter, and rolling intro labels. Images reveal into view, side images retract, the selected hero image expands, and the experience finishes with a masked title reveal.
The title fits one line on desktop and switches to two lines on smaller breakpoints.
Perfect For
Creative portfolios
Fashion websites
Photography websites
Agency websites
Creative studios
Landing pages
Key Features
Animated image sequence
Selectable hero image
Fullscreen loading overlay
Animated counter
Rolling intro labels
Masked title reveal
Automatic desktop title fitting
Two-line responsive title
Custom navigation
Responsive image support
Image focal point controls
Scroll locking
No code required
How It Works
The loading overlay appears
Images animate into view
Side images retract
The hero image scales forward
The overlay reveals away
The title animates into position
Important Notes
Set Hero Image to 0 to use the middle image automatically.
Add up to 7 images.
Breakpoint controls when the title switches to two lines.
Title Size controls the smaller-breakpoint title size.
Customization Options
Custom title
Navigation links
Intro labels
Responsive images
Hero image selection
Fonts and colors
Responsive spacing
Image size, ratio, fit, and focal point
Hero image scale
Animation speed
Start delay
Scroll locking
Questions?
Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase
About this Component
Create cinematic editorial hero experiences with animated images and responsive typography.
The sequence begins with a fullscreen overlay, animated counter, and rolling intro labels. Images reveal into view, side images retract, the selected hero image expands, and the experience finishes with a masked title reveal.
The title fits one line on desktop and switches to two lines on smaller breakpoints.
Perfect For
Creative portfolios
Fashion websites
Photography websites
Agency websites
Creative studios
Landing pages
Key Features
Animated image sequence
Selectable hero image
Fullscreen loading overlay
Animated counter
Rolling intro labels
Masked title reveal
Automatic desktop title fitting
Two-line responsive title
Custom navigation
Responsive image support
Image focal point controls
Scroll locking
No code required
How It Works
The loading overlay appears
Images animate into view
Side images retract
The hero image scales forward
The overlay reveals away
The title animates into position
Important Notes
Set Hero Image to 0 to use the middle image automatically.
Add up to 7 images.
Breakpoint controls when the title switches to two lines.
Title Size controls the smaller-breakpoint title size.
Customization Options
Custom title
Navigation links
Intro labels
Responsive images
Hero image selection
Fonts and colors
Responsive spacing
Image size, ratio, fit, and focal point
Hero image scale
Animation speed
Start delay
Scroll locking
Questions?
Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase
