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
Give Claude Code an external monitor
Tools
Utility
/
Snippet

Give Claude Code an external monitor

1.12.26
AI, Dev Tools, Workflow, QA, Vibe Coding, Claude
What if you don't need MCP at all?
Learn
Article

What if you don't need MCP at all?

1.12.26
AI, Dev Tools, API, Workflow, AI Agents
Chart Your Course - Webflow Course Template
Inspo
Website

Chart Your Course - Webflow Course Template

1.12.26
Creative, No-code, Dev Tools, Education, Design System, Authentication, Video, Data Viz, Outseta, Webflow
Strudel REPL
Code
Library

Strudel REPL

1.12.26
Music, Dev Tools, Javascript, Custom Code, Audio
Vizcom
Inspo
Website
/
App

Vizcom

1.11.26
Creative, SAAS, 3D, Workflow, Framer
UI Skills
Tools
Utility

UI Skills

1.10.26
AI, Creative, Dev Tools, Workflow, AI Agents
rams
Tools
Utility

rams

1.10.26
AI, Dev Tools, Creative, Workflow, AI Agents
Welcome to Gas Town
Learn
Article

Welcome to Gas Town

1.7.26
AI, Dev Tools, Workflow, Vibe Coding, Claude
CookieFlow
Tools
Utility
/
Component

CookieFlow

1.6.26
Dev Tools, Security, Extending, Privacy & Consent, Webflow
Claude Code dangerously-skip-permissions: Safe Usage Guide
Learn
Article

Claude Code dangerously-skip-permissions: Safe Usage Guide

1.5.26
AI, Dev Tools, Workflow, Vibe Coding, Claude
Fly
Tools
App

Fly

1.5.26
Dev Tools, Hosting
Annnimate
Code
Library

Annnimate

1.5.26
Creative, Dev Tools, Animation, Award Winning, Webflow
Compound Engineering: How Every Codes With Agents
Learn
Article

Compound Engineering: How Every Codes With Agents

1.5.26
AI, Dev Tools, Engineering, Workflow
Claude Code Skills Hub
Tools
Directory

Claude Code Skills Hub

1.5.26
AI, Dev Tools, Workflow, Open Source, Vibe Coding, Claude
MagicPath
Tools
App

MagicPath

1.3.26
AI, Creative, Dev Tools, Web Apps, Website Builder, Mobile Apps, Figma
Design is more than code
Learn
Article

Design is more than code

12.22.25
AI, Creative, Dev Tools, Workflow
Puck
Code
Library
/
Utility

Puck

12.22.25
AI, Dev Tools, Creative, No-code, Javascript, Website Builder
Agent Skills
Learn
Article
/
Library

Agent Skills

12.22.25
AI, Dev Tools, Workflow, Claude, ChatGPT
Institute of Health
Inspo
Website

Institute of Health

12.22.25
Health & Wellness, Medical, Marketing, Webflow, GSAP, Artemii Lebedev
“You should never build a CMS”
Learn
Article

“You should never build a CMS”

12.17.25
Dev Tools, AI, CMS, Workflow
Runlayer
Inspo
Website

Runlayer

12.17.25
AI, Dev Tools, Security, SAAS, Automation, Marketing, Webflow, GSAP, Mast
TitanGate Equity
Inspo
Website

TitanGate Equity

12.13.25
Financial, Agency, Portfolio, Webflow, GSAP, Eduard Bodak
Flim
Inspo
Website

Flim

12.13.25
Creative, Gallery, Web Apps, Landing, Webflow, GSAP
Ballpark
Tools
App
/
Utility

Ballpark

12.13.25
Creative, Agency, Pricing, Automation

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