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
Flowman
Inspo
Website

Flowman

2.14.25
Creative, No-code, Personal, Portfolio, Webflow
AI is the New Medium
Learn
Article

AI is the New Medium

2.12.25
AI, Technology, Workflow, ChatGPT
Astral Frontier
Inspo
Website

Astral Frontier

2.12.25
Creative, Landing, Scrollytelling, Webflow, GSAP, Mast
Medusa
Tools
App

Medusa

2.10.25
Dev Tools, Ecommerce, API, Javascript
Webflow SEO Checklist
Tools
Utility
/
Article

Webflow SEO Checklist

2.7.25
No-code, SEO, Content, QA, Workflow, Webflow
Fluid Builder Webflow App
Tools
Utility

Fluid Builder Webflow App

2.6.25
No-code, Dev Tools, Text, CSS, Responsive, Workflow, Webflow, Timothy Ricks
Jace AI
Inspo
Website
/
App

Jace AI

2.5.25
AI, SAAS, Email, Workflow, Webflow
Build Canada
Inspo
Website

Build Canada

2.4.25
Political, Marketing, Webflow
Storipress
Tools
App
/
Website

Storipress

2.3.25
Creative, AI, Content, CMS, Workflow, Webflow
Metabase
Tools
App

Metabase

2.3.25
Analytics, Database, Workflow, Data Management, Data Viz, Open Source
Dessn
Tools
App
/
Website

Dessn

2.3.25
Creative, Dev Tools, Collaboration, Design System, Component Library, Workflow, Figma, Framer
Powersave
Tools
Utility

Powersave

2.3.25
AI, Dev Tools, Extending, Database, Airtable, Notion, Make
GitHub Next
Tools
Utility

GitHub Next

1.31.25
Dev Tools, AI, SAAS, Events, Web Apps, Content, GitHub Copilot
GitHub Mosaic
Learn
Article

GitHub Mosaic

1.31.25
AI, Design System, Workflow, GitHub Copilot
Stripe Webflow App
Tools
Utility

Stripe Webflow App

1.31.25
No-code, Ecommerce, Extending, Payments & Checkout, Webflow, Stripe
Basedash
Inspo
Website

Basedash

1.30.25
SAAS, AI, Landing, Data Viz, Framer
Lil Frog
Inspo
Website

Lil Frog

1.30.25
Web3, Landing, Scrollytelling, Framer
Line Height Trim
Tools
Utility

Line Height Trim

1.29.25
Dev Tools, CSS, Text, Timothy Ricks
Runloop AI
Inspo
Website

Runloop AI

1.29.25
AI, Dev Tools, SAAS, Workflow, Webflow
Portal
Inspo
Website

Portal

1.28.25
Creative, Project Management, Workflow, Landing, Payments & Checkout, Framer
Proper Prompts
Inspo
Website

Proper Prompts

1.28.25
AI, Content, Workflow, Landing, Photography, Webflow, Somefolk
Tempo Labs
Tools
App

Tempo Labs

1.27.25
AI, Dev Tools, Website Builder, Web Apps
Hishaam
Inspo
Website

Hishaam

1.27.25
Creative, Personal, Portfolio, Webflow, GSAP
Vellar Sound
Inspo
Website

Vellar Sound

1.27.25
Creative, Audio, Agency, Webflow

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