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
2767
Layout
Grid View
Row View
Search
fable-mode
Tools
Utility

fable-mode

6.19.26
AI, Workflow, AI Agents
Arcway
Tools
App
/
Website

Arcway

6.19.26
AI, Real Estate & Housing, 3D, Workflow
Opacity
Tools
App

Opacity

6.19.26
AI, Creative, Dev Tools, Web Apps, Website Builder, Framer
Index.how
Tools
Directory

Index.how

6.19.26
Creative, Education, Gallery, Content, Workflow
Paxel
Tools
Utility

Paxel

6.19.26
AI, Workflow, Analytics, Vibe Coding
Supaste
Inspo
Website
/
Utility

Supaste

6.5.26
SAAS, Landing, Webflow
Cantor8
Inspo
Website

Cantor8

6.5.26
Technology, Marketing, Webflow, Artemii Lebedev
Simon Holm Studio
Inspo
Website

Simon Holm Studio

6.5.26
Creative, Personal, Portfolio, Webflow
Ponder
Inspo
Website
/
App

Ponder

5.30.26
AI, Creative, Video, Editor, Motion Design, Webflow, GSAP, Artemii Lebedev
AI in Design Report 2026
Learn
Article
/
Website

AI in Design Report 2026

5.30.26
Creative, AI, Gallery, Workflow, Content, Design System, Framer
here.now
Tools
Utility

here.now

5.30.26
AI, Dev Tools, Hosting, Workflow, AI Agents
Scratch
Tools
App

Scratch

5.30.26
AI, Automation, Workflow, Data Management, Whalesync
Haven Foods
Inspo
Website

Haven Foods

5.30.26
Food & Beverage, Marketing, Webflow, GSAP, Artemii Lebedev
Index_Georgia
Inspo
Website

Index_Georgia

5.30.26
Creative, Community, History, Gallery, Framer
Storesynk
Tools
App

Storesynk

5.25.26
No-code, Ecommerce, Extending, Backend, Shopify, Webflow
htmlbin
Tools
Utility

htmlbin

5.19.26
AI, Dev Tools, HTML, Hosting
MONOLOG
Inspo
Website

MONOLOG

5.19.26
Creative, Agency, Portfolio, Webflow, GSAP
Interfaces › Design Engineering Magazine
Learn
Article
/
Website

Interfaces › Design Engineering Magazine

5.19.26
Dev Tools, Community, Content, Gallery
Ploy
Tools
App

Ploy

5.19.26
AI, Dev Tools, Website Builder, SEO, Automation, AI Agents, Webflow, Framer
Interfere
Tools
App

Interfere

5.19.26
AI, SAAS, Dev Tools, QA, Workflow
Colf
Tools
App

Colf

5.6.26
Gaming, Dev Tools, AI, Workflow
Meno Studio
Tools
App

Meno Studio

5.6.26
AI, Dev Tools, Creative, Website Builder, Workflow, Claude
Marko
Tools
Utility

Marko

5.6.26
Dev Tools, AI, QA, AI Agents, Vibe Coding
Wild Week Athens 2026
Inspo
Website

Wild Week Athens 2026

5.6.26
Creative, History, Travel, Landing, 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