Features With Sticky Scroll
A scroll-driven feature section where content sticks to the viewport. The background color transitions between features as users scroll.
AI Smarter than Aliens
Our AI is smarter than aliens, it can predict the future and help you generate wild images.
Generate ultra realistic images in seconds
With our state of the art AI, you can generate ultra realistic images in no time at all.
Replicate great Art
Generate the painting of renowned artists, like Van Gogh or Monet or Majnu bhai.
Batch generate images with a single click.
With our state of the art AI, you can generate a batch of images within 10 seconds with absolutely no compute power.
The component tracks scroll position using Framer Motion's useScroll hook. As users scroll, the background animates between predefined colors (gray-800, neutral-800, slate-800) based on which feature is currently in view.
On desktop, the layout splits into two columns. The left column contains feature cards with icons, titles, and descriptions. The right column displays corresponding content (images, stacked images) that sticks within its container as users scroll.
Each feature section calculates its visibility using scroll progress breakpoints. The useMotionValueEvent hook listens for scroll changes and updates the active background color. Opacity and transform animations create smooth transitions between sections.
On mobile, the layout stacks vertically without the sticky behavior. Works well for product tours, feature deep-dives, or any narrative that benefits from scroll-based storytelling.
More from Feature Sections
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
The component tracks scroll position using Framer Motion's useScroll hook. As users scroll, the background animates between predefined colors (gray-800, neutral-800, slate-800) based on which feature is currently in view.
On desktop, the layout splits into two columns. The left column contains feature cards with icons, titles, and descriptions. The right column displays corresponding content (images, stacked images) that sticks within its container as users scroll.
Each feature section calculates its visibility using scroll progress breakpoints. The useMotionValueEvent hook listens for scroll changes and updates the active background color. Opacity and transform animations create smooth transitions between sections.
On mobile, the layout stacks vertically without the sticky behavior. Works well for product tours, feature deep-dives, or any narrative that benefits from scroll-based storytelling.