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
HF-11
Inspo
Website

HF-11

10.8.24
Transportation, Landing, Animation, Webflow, Joseph Berry
AKARI
Inspo
Website

AKARI

10.2.24
Creative, Interactions, Animation, Webflow
Three.js
Code
Library

Three.js

9.30.24
Creative, Dev Tools, Javascript, Animation, Interactions, 3D
Easing Graphs
Tools
Utility

Easing Graphs

9.23.24
Dev Tools, CSS, Animation, Interactions
SurfaceFlow
Inspo
Website

SurfaceFlow

9.19.24
No-code, Creative, 3D, Component Library, Animation, Assets, Webflow
MotionNumber for Framer Motion
Code
Library

MotionNumber for Framer Motion

8.24.24
Dev Tools, Javascript, Number, Animation, Framer
Lottielab
Tools
App
/
Website

Lottielab

8.13.24
Creative, Animation, Workflow, Motion Design, Motion & Rive, Framer
The Magic of Clip Path
Learn
Article

The Magic of Clip Path

7.22.24
SVG, Custom Code, Animation, CSS
Control Rive animation in Webflow using GSAP
Learn
Video

Control Rive animation in Webflow using GSAP

7.12.24
Creative, Animation, Scroll, Interactions, Extending, Javascript, Motion Design, Motion & Rive, Webflow, GSAP, Rive
Web Interactions Gallery
Tools
Directory
/
Website

Web Interactions Gallery

5.8.24
Creative, Animation, Interactions, Gallery, Webflow
Unifiers of Japan
Inspo
Website

Unifiers of Japan

5.7.24
History, Landing, Scrollytelling, Animation, Framer
GSAP Animation Perspective Visualizer
Tools
Utility

GSAP Animation Perspective Visualizer

4.26.24
No-code, Animation, Workflow, Custom Code, Javascript, Webflow, GSAP
Agile By Design
Inspo
Website

Agile By Design

4.23.24
Technology, Marketing, Animation, Scrollytelling, Webflow
Docusign Brand
Inspo
Website

Docusign Brand

4.14.24
Creative, Legal, Brand Guide, Scrollytelling, Animation, Audio, Webflow, Niccolò Miranda, Ilja van Eck
gfluo Webflow App
Tools
Utility

gfluo Webflow App

4.1.24
No-code, Animation, Text, Interactions, Extending, Javascript, GSAP, Webflow
Nomad Animations
Inspo
Website

Nomad Animations

4.1.24
Creative, Animation, Portfolio, Agency, Motion Design, Webflow
SVGator
Tools
App

SVGator

3.27.24
Creative, Animation, SVG, Assets
How to make numbers count using Webflow interactions
Learn
Video

How to make numbers count using Webflow interactions

3.20.24
Creative, No-code, Number, Count, Animation, Interactions, Custom Code, Javascript, Extending, Webflow, The Lazy God
CSS Only Animations
Tools
Component
/
Website

CSS Only Animations

3.17.24
Creative, No-code, Extending, CSS, Custom Code, Animation, Webflow, Timothy Ricks
Unicorn Studio
Tools
App

Unicorn Studio

3.16.24
Creative, No-code, Animation, 3D, Interactions
Goo Motion Library
Code
Library
/
Utility

Goo Motion Library

2.27.24
No-code, Extending, Animation, Javascript, Open Source, GSAP, Webflow
Glaze
Code
Library

Glaze

2.15.24
Javascript, Animation, Extending, HTML, GSAP
Scroll Based Animations With CSS Only
Learn
Video

Scroll Based Animations With CSS Only

12.28.23
CSS, Scroll, Animation, Interactions, Custom Code
Creating Accessible UI Animations
Learn
Article

Creating Accessible UI Animations

12.14.23
Accessibility, Animation, Custom Code, Workflow

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