Features With Sticky 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.
Explore more
Part of Feature Sections · All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
