Key Features

• Hover-Activated Scrolling
  Automatically scrolls your long image gently as users hover, adding a premium, interactive feel.

• Perfect for Long Landing Pages
  Showcase entire pages without cropping or reducing image quality.

• Drag-and-Drop Setup
  Just drop the component in your frame, insert your image, and you're ready.

• Custom Scroll Speed
  Adjust animation speed to match your brand’s energy and visual identity.

• Pixel-Perfect Responsiveness
  Stays sharp and smooth on all device sizes, from mobile to desktop.

• Native Framer Controls
  Customize width, height, padding, and scroll behavior from the Framer panel.

Why Designers Love This Component

• Instant Professional Aesthetic
  Long hover scroll sections are used across high-end websites, now you can implement them in minutes.

• Boosts Engagement
  Users naturally hover and interact with scrolling visuals, increasing time spent on your page.

• Showcase More, Use Less Space
  Highlight full pages or long screenshots without overwhelming your layout.

• Great for Portfolio Case Studies
  Perfect for showing before/after, landing page flows, or app screens in a smooth, attractive way.

Perfect For

• Landing Page Previews
  Display full homepage or product page screenshots beautifully.

• UI/UX Portfolio Shots
  Present long case study flows professionally.

• Product Demos
  Show long tool dashboards without cropping.

• Documentation & Tutorials
  Scrollable visual explanations for long guides or workflow images.

• Showcasing Web Design Projects
  Designers can showcase entire builds inside a compact container.