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
playbit
Tools
App

playbit

3.26.26
AI, Dev Tools, Workflow
Pascal Editor
Tools
App
/
Library

Pascal Editor

3.26.26
Creative, Architecture, 3D, Workflow, Open Source
Convex
Tools
App

Convex

3.26.26
Dev Tools, Database
GEO-first SEO skill for Claude Code
Tools
Utility

GEO-first SEO skill for Claude Code

3.26.26
AI, Dev Tools, SEO, AI Agents, Vibe Coding
Package by Visualize Value
Tools
Utility

Package by Visualize Value

3.26.26
Creative, Marketing, Content, Workflow
Limble
Inspo
Website

Limble

3.26.26
Industrial, Technology, Marketing, Webflow, Mast
Recordly
Tools
App

Recordly

3.26.26
Creative, Video, Workflow
Mockdown
Tools
Utility

Mockdown

3.26.26
AI, Dev Tools, Creative, Workflow, Whiteboard & Diagram
miniExtensions for Airtable
Tools
Utility

miniExtensions for Airtable

3.26.26
No-code, SAAS, Automation, Extending, Workflow, Airtable
Diamond Rose Sanctuary
Inspo
Website

Diamond Rose Sanctuary

3.26.26
Real Estate & Housing, Architecture, Landing, Scrollytelling, Webflow, GSAP, Artemii Lebedev
Selected
Tools
Directory

Selected

3.26.26
AI, Creative, Dev Tools, Gallery
typeui.sh
Tools
Utility

typeui.sh

3.9.26
Creative, AI, Design System, Workflow, AI Agents
Variant
Tools
App

Variant

3.9.26
Creative, AI, Gallery, Workflow
QuiverAI
Tools
App

QuiverAI

3.9.26
Creative, AI, SVG, Animation, Assets
Google Workspace CLI
Code
Library

Google Workspace CLI

3.9.26
Dev Tools, API, Docs, Workflow, AI Agents
Modern CSS Code Snippets
Tools
Directory

Modern CSS Code Snippets

3.5.26
Dev Tools, CSS, Workflow, QA
Cipher
Inspo
Website

Cipher

3.5.26
Technology, Marketing, Webflow, GSAP, Devin Fountain
dogfood by vercel-labs
Code
Snippet

dogfood by vercel-labs

3.5.26
AI, Workflow, AI Agents
History of Software Design
Learn
Article
/
Directory

History of Software Design

3.5.26
Creative, SAAS, Gallery
React Doctor
Tools
Utility
/
Library

React Doctor

2.21.26
AI, Dev Tools, QA, Javascript, Workflow
ui.sh
Tools
Utility

ui.sh

2.21.26
AI, Dev Tools, CSS, Workflow, Vibe Coding
Markdown Routes with Next.js
Learn
Course
/
Article

Markdown Routes with Next.js

2.21.26
Dev Tools, URL, SEO, AI Agents, Sanity
React Grab
Tools
Utility
/
Library

React Grab

2.21.26
AI, Dev Tools, QA, Workflow, AI Agents, Vibe Coding
Agentation
Code
Library
/
Utility

Agentation

2.11.26
AI, Dev Tools, Workflow, AI Agents

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