About Layered Parallax CTA
Layered Parallax CTA features three independently animated image layers moving at different speeds on scroll for depth and perspective. Add any Framer component to the central slot — headings, descriptions, buttons, forms, or full content blocks. Control its position within the layers, including foreground elements that overlap your content. Smooth animations, responsive behavior, and extensive customization — no code required.
Customization
Image Layers
Three independent image layers: Back, Middle, and Front.
Custom images for each layer.
Independent parallax speed and zoom controls.
Image fitting: Cover, Contain, or Fill.
Vertical image alignment: Top, Center, or Bottom.
Center Content Slot
Insert any Framer component into the center.
Choose its depth: Above Back, Above Middle, or Above Front.
Adjust horizontal and vertical positioning.
Customize slot alignment and padding.
Choose between automatic width and full-width layout.
Set independent parallax movement for the content.
Animation & Performance
Smooth spring-based animations.
Adjustable stiffness and damping.
Customizable neutral scroll position.
Independent animation intensity for mobile devices.
Respect Reduced Motion accessibility preferences.
Appearance
Customizable background color.
Adjustable corner radius.
Optional bottom gradient fade.
Custom fade color and height.
Great For
SaaS landing pages.
Product showcases.
Creative agency websites.
Portfolio websites.
Startup landing pages.
Hero sections and call-to-action blocks.
Modern editorial and storytelling websites.
Refund Policy
Due to the digital nature of this product, all sales are final and refunds will not be issued.
Questions & Support
Have questions or need assistance with the component?
Feel free to reach out:
