Morph Deck is a responsive Framer component for interactive card decks that fan out and expand, with an overlapping fanned layout, click-to-expand morph, cards that dock beneath the open one, your own components as the cards, hover lift, a blur-in entrance, and multiple independent decks per page.

This component works especially well for:

portfolio highlights

project and case-study showcases

product feature cards

service or offering cards

team and people cards

pricing or plan highlights

photography and gallery decks

testimonial and review sets

feature tours

"what we do" sections

Perfect when you want a card section that invites a click and opens into detail, instead of a flat grid or a plain carousel.

Fully customizable via the properties panel:

connected cards (your own components, up to 8)

overlap

tilt

open size

dock offset

overflow (clip or spill)

padding

hover lift

hover scale

morph spring (open and close motion)

entrance on or off

entrance trigger (in view or on load)

entrance stagger

entrance duration

entrance rise

entrance blur

canvas preview (fan or expanded)

Because each card is your own component with Collapsed and Expanded variants, the card design stays yours. The deck only handles the fan, the morph, and the docking.

Desktop: full fan with hover lift; click a card to expand it into a panel while the rest dock in a row beneath it.

Tablet: the same structure, sized to the component's width; card proportions are measured from your first card.

Mobile: hover is dropped and cards open on tap; the layout and dock row adjust for narrow widths.

Morph Deck ships at a default size of 700 by 600 and fits itself to whatever container you place it in.

What's included: the Morph Deck component and its DeckCard overrides, plus the live preview above with a five-step setup tutorial.

Good to know: hover lift is pointer-only, so cards open on tap on touch devices, and each card needs two variants named exactly Collapsed and Expanded.