Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Magnetic Tooltip

Web Bae's avatar
Web Bae
Clone in Webflow27
site profile thumbnail
Open in Webflow
Open live site
Let's create this mouse-following magnetic tooltips with GSAP Flip plugin in Webflow as seen at usetola.com. We'll create mouseenter and mouseleave events on our CMS items in conjunction with the greensock animation platform FLIP plugin to create a unique and wonderful little tooltip component.
Open in Webflow
Open live site
gsap
gsapflip
hoveranimation
customcode
tooltip

More sites by Web Bae

See profile
The Greatest Infinite Marquee (HTML + CSS only)
765
7.2k
Moving Gradient Background
587
3.5k
Award Winning Grid Trail Mouse Follow Effect
433
1.2k

Similar sites

author avatar
028 Tooltip
36
292
Aaron Grieve
author avatar
GSAP ScrollSmoother (Paid Plugin)
134
367
Timothy Ricks
author avatar
Grid filter with GSAP Flip / GSAP daily 18/50
45
64
Nube
author avatar
Grid Zoom while Scrolling with GSAP Flip and ScrollTrigger
37
164
Web Bae
author avatar
Magnetic Images and Video Reveal on Hover. Stick to the mouse and hide on scroll
29
86
Karina Slizova
author avatar
Sticky Sections with GSAP
40
286
Web Bae
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social