Skip to the content

Library/ 105 hover-fanNewProCards

Hover Fan

A fan of cards where the hovered one lifts to the front.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • lift
  • tilt
  • spread
  • scale
  • restTilt
Tune it live with Pro

What it does

Hover Fan is a card animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called card fan hover, hover card stack or lifting cards.

Overlapping cards sit in a loose fan. Hover one and it lifts, tilts and comes to the front while the cards on its left step aside, then everything springs back. Taps and keyboard focus lift cards too.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.