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
Animate Text AI Skill
Tools
Utility

Animate Text AI Skill

5.6.26
Creative, Dev Tools, Text, Animation, AI Agents, GSAP
Remotion
Code
Library
/
Utility

Remotion

5.6.26
Creative, Dev Tools, AI, Video, Animation, Javascript, Workflow
Ginger's Pop-ups
Inspo
Website

Ginger's Pop-ups

5.5.26
Events, Community, Marketing, Webflow, GSAP
Artem Yavorovskyi
Inspo
Website

Artem Yavorovskyi

5.1.26
Creative, Personal, Portfolio, Branding, Webflow
ORDR
Inspo
Website

ORDR

5.1.26
Health & Wellness, Community, Creator Economy, Marketing, Webflow, GSAP
Webzooo
Tools
Directory

Webzooo

4.30.26
Creative, Gallery
Huddlekit
Tools
App

Huddlekit

4.28.26
Creative, Dev Tools, QA, Workflow
Runway
Inspo
Website

Runway

4.24.26
AI, Marketing, Data Management, Webflow, GSAP, Mast
ora
Tools
App

ora

4.21.26
Dev Tools, SAAS, SEO, Optimize, AI Agents
General Dental
Inspo
Website

General Dental

4.21.26
Medical, Health & Wellness, Marketing, Portfolio, Webflow, GSAP, Mast, Naomi Brierley
A Better Lou
Inspo
Website

A Better Lou

4.21.26
Health & Wellness, Medical, Marketing, Webflow, GSAP, Artemii Lebedev
Yama
Inspo
Website

Yama

4.20.26
Transportation, Gallery, Marketing, Webflow, GSAP, Mast, Grace Walker, Naomi Brierley
Primer
Inspo
Website

Primer

4.13.26
Education, Marketing, Webflow, GSAP
CSS Studio
Tools
Utility

CSS Studio

4.13.26
AI, Creative, Dev Tools, CSS, Workflow, AI Agents
Rivet
Tools
App

Rivet

4.13.26
AI, Creative, Dev Tools, CSS, Workflow
html-in-canvas
Code
Library

html-in-canvas

4.13.26
Dev Tools, Creative, HTML, Interactions
Portable Text
Code
Library

Portable Text

4.13.26
Dev Tools, Content, Text, Workflow, Sanity
Making Software
Learn
Article

Making Software

4.13.26
Creative, Technology, Education, 3D
Ultramock
Tools
Utility

Ultramock

4.13.26
Creative, Assets, Workflow
Champions for Good Club
Inspo
Website

Champions for Good Club

4.13.26
Sports, Community, Marketing, Scrollytelling, Webflow, GSAP, Eduard Bodak
heerich.js
Code
Library

heerich.js

4.13.26
Creative, Dev Tools, 3D, SVG, Interactions
The logo soup problem (and how to solve it)
Learn
Article

The logo soup problem (and how to solve it)

4.13.26
Dev Tools, Assets, Workflow
Omma
Tools
App

Omma

3.26.26
AI, Creative, Dev Tools, 3D, Website Builder, Web Apps, Spline, Lovable
Vooma
Inspo
Website

Vooma

3.26.26
Transportation, AI, Marketing, Webflow, GSAP, Mast, Nooon Studio

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