CineFade - Liquid-Smooth Transition Engine

  • CineFade
$15

Live Preview

Overview

Stop settling for static, washed-out sliders.

Most Framer sliders suffer from two problems:

  • The "Dip": They fade the old image out before the new one is ready, causing the background color to flash through.

  • The Static Bore: They feel lifeless between transitions.

  • Live Preview: https://cinefade-component.framer.website/

    CineFade solves both. We wrote a custom React engine that forces a True Stacked Dissolve the new image fades in on top of the old one, creating a liquid-smooth blend with absolutely no background bleed. Combined with a built-in, silky smooth Slow Zoom (Ken Burns effect), your hero section will feel like a high-budget film title sequence.

    Why it’s worth $15:

    • The "No-Dip" Guarantee: Your images blend like liquid. No white flashes.

    • Cinematic Zoom: Keeps viewers engaged with a subtle, premium motion scale.

    • CMS & Variable Ready: Comes with 5 distinct image slots that support Variables. Connect it to your CMS or Asset library instantly.

    • Smart Editor View: Shows a static image on the canvas (to save battery/performance) but auto-plays the moment you Preview or Publish.

    Full Customization:

    • Transition Speed: Dial in the fade from snappy to slow-motion.

    • Slide Duration: Control how long each image stays.

    • Overlay Tint: Built-in color overlay control to ensure your Hero Text is always readable.

    • Responsive: Absolute positioning ensures it fills 100vh (or any container) perfectly.

    Perfect for:

    • Luxury Photography Portfolios

    • Architecture Firms

    • High-End Agency Landing Pages

    Don't let a cheap slider ruin your first impression. Upgrade to CineFade.