Visual & layout
Expanding focus: the active item opens into a large view while others stay visible as narrow preview slices — one continuous, immersive layout
Always-visible gallery: all images stay on screen, no hard cuts or hidden slides
Clean, modern design: rounded cards, controlled spacing, minimal structure
Interaction
Scroll (desktop) & swipe (mobile/tablet) navigation, step-by-step
Click-to-focus: tap any slice to expand it smoothly into view
Link per slide (internal & external)
Controlled transitions — precise, always on one active item
Customization
Fully editable via the panel: images, titles & descriptions, links per slide, active/inactive sizes, spacing & radius, animation timing, scroll on/off, and per-breakpoint layout behavior.
Responsive
Desktop: horizontal expanding carousel with central focus & narrow side previews
Tablet & Mobile: vertical stacked layout — active item expands, others stay compact above & below
Each breakpoint renders its correct layout directly in Framer
Use Cases
Service navigation, portfolios, case study sliders, landing page navigation, and brand storytelling — a visually engaging entry point that pulls users deeper into your site.
Preview
Visual & layout
Expanding focus: the active item opens into a large view while others stay visible as narrow preview slices — one continuous, immersive layout
Always-visible gallery: all images stay on screen, no hard cuts or hidden slides
Clean, modern design: rounded cards, controlled spacing, minimal structure
Interaction
Scroll (desktop) & swipe (mobile/tablet) navigation, step-by-step
Click-to-focus: tap any slice to expand it smoothly into view
Link per slide (internal & external)
Controlled transitions — precise, always on one active item
Customization
Fully editable via the panel: images, titles & descriptions, links per slide, active/inactive sizes, spacing & radius, animation timing, scroll on/off, and per-breakpoint layout behavior.
Responsive
Desktop: horizontal expanding carousel with central focus & narrow side previews
Tablet & Mobile: vertical stacked layout — active item expands, others stay compact above & below
Each breakpoint renders its correct layout directly in Framer
Use Cases
Service navigation, portfolios, case study sliders, landing page navigation, and brand storytelling — a visually engaging entry point that pulls users deeper into your site.
Preview
