Filmstrip is a vertical accordion reel for Framer. Drop it on a homepage hero, a work or projects index, or any section where one image should lead while the rest wait their turn. It frames your work rather than decorating it.
It stacks fixed width cards in a column and reads which one is crossing the center of the viewport. That card expands to full height while the others collapse to thin image slices, so there is always one clear focus.
It reads as a curated reel, not a grid, so it carries portfolios, product galleries, and editorial features without feeling busy. It lands hardest as a projects or case study index, where the expanding card gives each entry a moment of full attention.
Depth Blur. Collapsed slices soften with distance from the focus. Best for photography.
Parallax. The image in each slice drifts as the reel moves. Best for landscapes.
Desaturate. Slices lose colour while the focus holds full colour. Best for editorial and brand work.
Add cards by hand, each with an image or video, a poster, a title, a description, and a link, or drop a Collection List into the slot and Filmstrip maps every row automatically. It ships with Framer hosted placeholders, so it looks complete on drop in.
Grouped for clarity: Source, Layout, Expand, Effects, Motion, Card Text, Side Labels, and Style. Every control carries its own one line description in the panel.
A vertical accordion reel with one expanding focus, three combinable depth effects, manual or CMS data, infinite loop, drag, scroll, snap, and idle auto motion, editorial side labels, per card title and description, no npm dependencies, a calm static preview, and free updates within the version.
Filmstrip is a vertical accordion reel for Framer. Drop it on a homepage hero, a work or projects index, or any section where one image should lead while the rest wait their turn. It frames your work rather than decorating it.
It stacks fixed width cards in a column and reads which one is crossing the center of the viewport. That card expands to full height while the others collapse to thin image slices, so there is always one clear focus.
It reads as a curated reel, not a grid, so it carries portfolios, product galleries, and editorial features without feeling busy. It lands hardest as a projects or case study index, where the expanding card gives each entry a moment of full attention.
Depth Blur. Collapsed slices soften with distance from the focus. Best for photography.
Parallax. The image in each slice drifts as the reel moves. Best for landscapes.
Desaturate. Slices lose colour while the focus holds full colour. Best for editorial and brand work.
Add cards by hand, each with an image or video, a poster, a title, a description, and a link, or drop a Collection List into the slot and Filmstrip maps every row automatically. It ships with Framer hosted placeholders, so it looks complete on drop in.
Grouped for clarity: Source, Layout, Expand, Effects, Motion, Card Text, Side Labels, and Style. Every control carries its own one line description in the panel.
A vertical accordion reel with one expanding focus, three combinable depth effects, manual or CMS data, infinite loop, drag, scroll, snap, and idle auto motion, editorial side labels, per card title and description, no npm dependencies, a calm static preview, and free updates within the version.
Harsh Upadhyay
