Learn
Video

Top Five Interactions Designers Struggle to Create in Webflow

View
Video
↗

Learn how to create 5 unique and common interactions in Webflow with a little custom code.

  • Reveal image on link hover
  • Popup modal on card click
  • Image animations on scroll
  • Change site background color when scrolling
  • Light mode / dark mode switch

Tags

How To
Interactions

Creator

Timothy Ricks

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
8.28.22

Similar items

Items
2771
Layout
Grid View
Row View
Search
Penpot
Tools
App

Penpot

5.9.25
Creative, SAAS, Dev Tools, Design System, Workflow, Open Source, Figma
Ryan S. Hicks
Inspo
Website

Ryan S. Hicks

5.7.25
Creative, Personal, Portfolio, Webflow
Allies
Inspo
Website

Allies

5.6.25
Creative, Agency, Portfolio, Webflow, Jo Mor
TensorStax
Inspo
Website

TensorStax

5.5.25
AI, Landing, Data Management, Webflow, GSAP, Artemii Lebedev
OXI Instruments
Inspo
Website

OXI Instruments

5.5.25
Music, Retail & Ecommerce, Marketing, Ecommerce, Webflow, GSAP, Artemii Lebedev
Autoplaying Swiper Slider
Tools
Component

Autoplaying Swiper Slider

5.5.25
No-code, Dev Tools, Slider, Javascript, Extending, Webflow, Swiper
Eduard Bodak
Inspo
Website

Eduard Bodak

5.5.25
Creative, No-code, Personal, Portfolio, Webflow, GSAP, Eduard Bodak
The Visual IDE
Learn
Article

The Visual IDE

5.5.25
AI, No-code, Dev Tools, Collaboration, Workflow
Gsap X Webflow
Inspo
Website

Gsap X Webflow

5.5.25
Creative, No-code, Dev Tools, Component Library, Gallery, Javascript, Animation, Interactions, Cloneable, Webflow, GSAP
ion design
Tools
App
/
Website

ion design

5.5.25
AI, Creative, SAAS, Collaboration, Marketing, Workflow, Framer
Envato InspoGen
Tools
App

Envato InspoGen

5.5.25
AI, Creative, Gallery, Workflow
Architects x Sinyard Design
Inspo
Website

Architects x Sinyard Design

5.2.25
Music, Retail & Ecommerce, Landing, Ecommerce, Framer
Bee
Inspo
Website

Bee

5.1.25
AI, Technology, Retail & Ecommerce, Marketing, Ecommerce, Webflow, GSAP
Viacheslav Novoseltsev
Inspo
Website

Viacheslav Novoseltsev

4.30.25
Creative, Personal, Portfolio, Webflow, GSAP
Niklas Bubori
Inspo
Website

Niklas Bubori

4.28.25
Creative, No-code, Personal, Portfolio, Award Winning, Webflow
Athleats
Inspo
Website

Athleats

4.28.25
Health & Wellness, Food & Beverage, SAAS, Marketing, Webflow, GSAP
Mocha
Tools
App

Mocha

4.28.25
AI, Website Builder, Web Apps
Hana
Learn
Article

Hana

4.24.25
Creative, Interactions, SVG, Animation, Workflow, Motion Design, Spline
Warp
Tools
App

Warp

4.24.25
AI, Dev Tools, Web Apps
Zig Zag Creative
Inspo
Website

Zig Zag Creative

4.23.25
Creative, No-code, Personal, Portfolio, Webflow, GSAP
Keith Chan
Inspo
Website

Keith Chan

4.23.25
Creative, Personal, Portfolio, Webflow
Office of Rob Junge
Inspo
Website

Office of Rob Junge

4.23.25
Creative, Consulting, Personal, Portfolio, Framer
Two Wolves
Inspo
Website

Two Wolves

4.23.25
Creative, Personal, Portfolio, Webflow, GSAP
TwelveLabs
Inspo
Website
/
App

TwelveLabs

4.22.25
AI, Film, Automation, Workflow, Motion Design, Open Source, Framer

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe