component
CineFade
By Sherif Alabi
Details
- Sherif AlabiAuthor
- componentType
- $15.00Price
- 2026-01-16Published
- 2026-04-21Updated
- 2026-01-05Added
- CarouselsCategories
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.
- All · #6479