Animation

Motion as a design element: CSS and JS animation, Lottie and Rive files, and tutorials on making things move on a page.

Items
88
Layout
Grid View
Row View
Search
10 On-scroll Typography Effects
Tools
Component

10 On-scroll Typography Effects

12.12.23
No-code, Scrollytelling, Text, Animation, Interactions, Javascript, GSAP, Webflow
GSAP Crash Course for Webflow
Learn
Video

GSAP Crash Course for Webflow

12.7.23
Animation, Javascript, Extending, Custom Code, Workflow, Webflow, GSAP, Timothy Ricks
Scenery
Inspo
Website
/
App

Scenery

11.14.23
Creative, Marketing, Interactions, Animation, Motion Design, Webflow, Derek Jensen
Collective Continuum
Inspo
Website

Collective Continuum

11.10.23
Nonprofit, Financial, Landing, Scrollytelling, Animation, Interactions, Webflow
Three Dimensions
Inspo
Website

Three Dimensions

10.16.23
Creative, 3D, Interactions, Animation, Spline, Webflow
Micro-Interactions for Webflow
Tools
Component

Micro-Interactions for Webflow

10.3.23
No-code, Interactions, Animation, Component Library, Webflow
Diagram
Inspo
Website

Diagram

8.17.23
Creative, AI, Landing, Animation, Whiteboard & Diagram, Webflow, Figma
Keyframe
Inspo
Website

Keyframe

7.21.23
Creative, Agency, Portfolio, Landing, Animation, Motion Design, Webflow
Pani Source
Inspo
Website

Pani Source

5.25.23
Health & Wellness, Marketing, Animation, Webflow, Joseph Berry, Ty Hughey
LottieFiles for Figma
Tools
Utility

LottieFiles for Figma

5.23.23
Extending, Animation, Assets, Motion Design, Motion & Rive
GSAP Text Animator
Tools
Utility

GSAP Text Animator

4.8.23
Animation, Extending, Javascript, Webflow, GSAP, Refokus, Refokus
Space Type Generator
Tools
Utility

Space Type Generator

4.2.23
Creative, Text, Animation, Custom Code
Aninix
Tools
App

Aninix

4.2.23
Creative, Animation, Extending, Figma
Saul / Rand Template
Tools
Template

Saul / Rand Template

$250
2.26.23
Marketing, Ecommerce, Animation, Webflow
Tools
App

Jitter

2.11.23
Creative, Video, Animation, Prototype, Motion Design
Animate Along SVG Path Using GSAP
Learn
Video

Animate Along SVG Path Using GSAP

1.28.23
Animation, SVG, Assets, Webflow, GSAP
Refokus Year in Review 2022
Inspo
Website

Refokus Year in Review 2022

1.19.23
Creative, Scrollytelling, Animation, Webflow, Refokus, Refokus
Blotter.js
Code
Library

Blotter.js

1.19.23
Custom Code, Text, Animation, Aesthetic
splt.js
Code
Library

splt.js

1.19.23
Custom Code, Text, Animation
CMCC Global
Inspo
Website

CMCC Global

1.17.23
Financial, Web3, Venture Capital, Marketing, Animation, 3D, Webflow, Off Brand
Particles for Framer
Tools
Component

Particles for Framer

1.13.23
Extending, Aesthetic, Animation, Framer, Benjamin den Boer
Add interactivity to your Webflow sites with Rive
Learn
Video

Add interactivity to your Webflow sites with Rive

1.7.23
Animation, Extending, Embeds, Motion Design, Motion & Rive, Rive, Webflow
Rive
Tools
App

Rive

1.5.23
No-code, Animation, Interactions, Motion Design, Motion & Rive
Rive to Webflow Workflow
Learn
Video

Rive to Webflow Workflow

1.4.23
Animation, Custom Code, Interactions, Embeds, Motion Design, Motion & Rive, Rive, 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