Search for anything
CONTENTS
Introduction
Code environment setup
Overview
Core animation concepts
Using gsap to animate the bounce back using the elastic easing
Wrapping up
TROUBLESHOOTING
Hover variants in Framer
How to handle component variants
LIVE PREIVEW
COPY COMPONENT
KEEP GOING :)
Wanna create some more amazing stuff?
EXPLORE ALL TUTORIALS
TUTORIAL
ADDING USER AUTHENTICATION IN FRAMER, FOR FREE
Create gated experiences and member areas in Framer without relying on third-party plugins. A complete step-by-step guide.
TUTORIAL
ANIMATE TEXT BACKGROUND GRADIENT ON SCROLL
Recreate that eye-catching gradient text effect from Apple's website that responds to scrolling. Fully explained in Framer.
TUTORIAL
MASTERING SMOOTH WEB ANIMATIONS IN
Some websites feel smooth as butter, and I’ve spent an unreasonable amount of time looking at them. Here is everything I learnt.
TUTORIAL
UNLOCK MIND BLOWING SCROLL ANIMATIONS IN FRAMER
Learn how to use our ScrollTrigger plugin to create professional scroll-based animations previously impossible in Framer.
TUTORIAL
A GUIDE FOR CREATIVE LAYOUTS
Create websites that make visitors say 'wow' from the moment they load. Practical layout techniques for maximum impact.