Skip to content

component

CineFade

By Sherif Alabi

Details

Summary

CineFade solves both.

Description

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 .

Introduction

Liquid-Smooth Transition Engine

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600164798/148/228/309/79/15
  • All · #6479