Light Ship Cards in Framer

Here's a Framer recreation of the card hover animations seen on the Lightship RV website. Feel free to duplicate it to your Framer project and have some fun playing around with it.

Created by

Nandi

Related Lesson

I Taught Framer Website Animations to a Subscriber

Related Lesson

I Taught Framer Website Animations to a Subscriber

Related Lesson

I Taught Framer Website Animations to a Subscriber

About the resource

This interaction uses nested components to achieve the animation.

I've used a card container component that incorporates two card components, each with three variants. By simply connecting these variants with mouse enter and mouse leave interactions, this effect is easily achieved.

About the resource

This interaction uses nested components to achieve the animation.

About the resource

This interaction uses nested components to achieve the animation.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More resources

View all

Apple Tooltip Interaction in Framer
Component
Apple Tooltip Interaction in Framer
Component
Depth Globe Component for Framer
Component
Depth Globe Component for Framer
Component