Library / Scroll animation

Panels Accordion free

Tall picture panels where scroll (or hover or click) swells one to most of the width and fades in its description.

Scroll inside the preview to try it.

Customize

Panels written as Title — description

A picture for each panel

Width of the open panel (% of the whole)

What opens a panel

Code

import PanelsAccordion from './PanelsAccordion';

<PanelsAccordion />

Checking your access…

Dependencies: none

scroll panels accordion accessible

More in Scroll animation

Scroll Video (Frames)Plays a video as the visitor scrolls, either as a pinned full-width scene or inside a single card. Works from numbered frames.
Timeline ScrollA vertical timeline whose glowing line draws itself as you scroll while milestones light up and slide in.
Drawn Process LineProcess cards zig-zag down the page while one line draws itself behind them and each card switches on as the line arrives.