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
Koffiracha Hot Sauce
Inspo
Website

Koffiracha Hot Sauce

1.6.25
Food & Beverage, Retail & Ecommerce, Landing, Ecommerce, Webflow, Shopify
Too Gallus
Inspo
Website

Too Gallus

1.6.25
Creative, Agency, Portfolio, Branding, Webflow
Sevalla
Tools
App

Sevalla

1.6.25
Dev Tools, Hosting
A1
Tools
Directory
/
Website

A1

1.3.25
Creative, Gallery, Webflow, Bryn Taylor
Tonemaki
Inspo
Website

Tonemaki

1.3.25
Creative, Agency, Portfolio, Motion & Rive, Webflow
Outerbase
Tools
App

Outerbase

1.3.25
Dev Tools, Database, Frontend
Bolt
Tools
App

Bolt

1.2.25
AI, Dev Tools, Website Builder, Web Apps, Vibe Coding
Sania Saleh
Inspo
Website

Sania Saleh

1.1.25
Creative, Personal, Portfolio, Webflow
Orchestra
Inspo
Website

Orchestra

12.30.24
Creative, Agency, Portfolio, Webflow, GSAP
Luke Netti
Inspo
Website

Luke Netti

12.30.24
Creative, No-code, Personal, Portfolio, Webflow
Happy Droid
Inspo
Website

Happy Droid

12.30.24
AI, Technology, Landing, Webflow, Kinetic Studio
Astro Mechanica
Inspo
Website

Astro Mechanica

12.30.24
Transportation, Engineering, Marketing, Webflow
Lovable
Tools
App

Lovable

12.30.24
AI, Dev Tools, Web Apps, Website Builder, Workflow, Vibe Coding
Made With Gsap
Tools
Utility
/
Library

Made With Gsap

12.19.24
Dev Tools, Javascript, Animation, GSAP
Vast
Inspo
Website

Vast

12.19.24
Technology, Marketing, Webflow
requery-js
Code
Library
/
Framework

requery-js

12.18.24
Dev Tools, Javascript, Workflow, Webflow
Simple Project Manager Template
Shop
Digital
/
Template

Simple Project Manager Template

$10
12.17.24
Agency, Personal, Process, Workflow, Project Management, Payments & Checkout, Notion, Airtable, No-Code Supply Co.
Heimdal Studio
Inspo
Website

Heimdal Studio

12.16.24
Creative, Agency, Portfolio, Webflow
CapCut
Tools
App

CapCut

12.16.24
Creative, Video, Web Apps
Wix Studio x Pantone Color of the Year 2025 Web Capsule
Inspo
Website

Wix Studio x Pantone Color of the Year 2025 Web Capsule

12.16.24
Creative, Landing, Scrollytelling
WFS Components
Code
Library
/
Component

WFS Components

12.13.24
Dev Tools, Javascript, Webflow, Figma
Motion
Code
Library

Motion

12.13.24
Dev Tools, Creative, Javascript, Animation, Framer, Webflow
Tools
App

Phase

12.12.24
SAAS, Motion Design
Purpose Talent
Inspo
Website

Purpose Talent

12.12.24
HR, Marketing, Portfolio, 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