Skip to content

component

FrameGlide

By Hamim Reza

Details

Summary

Cinematic carousel with blur side focus

Description

A cinematic image carousel where the active center image stays sharp while side previews blur softly for depth. Smooth transitions, drag gestures, arrow navigation and autoplay. Built for portfolios, product galleries, and landing pages that need a premium interactive slider. Features Cinematic focus effect — center image sharp, sides softly blurred Smooth slide transitions with configurable speed and easing Arrow navigation with customizable colors Drag gesture support Autoplay with enable/disable toggle Responsive and adaptive across all screen sizes Image list — add, reorder and remove images Configurable image size and background color Lightweight and smooth with large image sets No code needed — all controls in Framer panel Property Controls Content — image list · add, reorder, remove Navigation — arrow toggle · arrow colors · autoplay toggle Animation — transition speed, easing Styling — image size, background color Use Cases Creative portfolios · Product galleries · E-commerce showcases · Hero sections · Photography galleries · Art showcases · Landing pages · Case study presentations SEO Keywords framer image carousel · framer cinematic slider · framer blur carousel · framer focus carousel · framer image slider · framer gallery component · framer carousel component · framer smooth slider · framer portfolio carousel · framer autoplay carousel · framer drag carousel · framer product gallery · framer image gallery · framer code component · framer premium carousel Customization:

Introduction

Cinematic carousel with blur side focus

Rank history

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

120014001600165558/148/228/309/79/15
  • All · #6555