Skip to content
Navigation menu
Search
Search
Log in
Create account
DEV Community
Close
#
animation
Follow
Hide
Posts
Left menu
đ
Sign in
for the ability to sort posts by
relevant
,
latest
, or
top
.
Right menu
Learn CSS animation by creating pure CSS loaders
Andreas
Andreas
Andreas
Follow
Nov 26 '19
Learn CSS animation by creating pure CSS loaders
#
css
#
beginners
#
tutorial
#
animation
910
 reactions
Comments
34
 comments
5 min read
Make Animated Content Placeholders with HTML and CSS
James Sinkala
James Sinkala
James Sinkala
Follow
Feb 6 '21
Make Animated Content Placeholders with HTML and CSS
#
css
#
html
#
webdev
#
animation
728
 reactions
Comments
23
 comments
3 min read
Create Loading Animations with SVG and CSS
James Sinkala
James Sinkala
James Sinkala
Follow
Jan 29 '21
Create Loading Animations with SVG and CSS
#
css
#
svg
#
webdev
#
animation
549
 reactions
Comments
10
 comments
3 min read
10 of the best CSS animation libraries.
Patrik Kiss
Patrik Kiss
Patrik Kiss
Follow
Jan 5 '20
10 of the best CSS animation libraries.
#
css
#
animation
#
webdev
409
 reactions
Comments
11
 comments
6 min read
A Guide to CSS Animation - Part 1
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Dec 20 '19
A Guide to CSS Animation - Part 1
#
animation
#
css
#
webdev
#
beginners
319
 reactions
Comments
Add Comment
7 min read
Getting Started with React Animations
Jose Felix
Jose Felix
Jose Felix
Follow
Sep 8 '20
Getting Started with React Animations
#
animation
#
react
#
tutorial
#
webdev
234
 reactions
Comments
1
 comment
11 min read
Easy smooth scrolling in react
Avneesh Agarwal
Avneesh Agarwal
Avneesh Agarwal
Follow
Sep 12 '21
Easy smooth scrolling in react
#
react
#
animation
#
css
#
webdev
189
 reactions
Comments
5
 comments
3 min read
A Guide to Web Animation with GSAP (1 line of JavaScript code) - Part 1
Joel Olawanle
Joel Olawanle
Joel Olawanle
Follow
Jul 17 '20
A Guide to Web Animation with GSAP (1 line of JavaScript code) - Part 1
#
javascript
#
animation
#
html
#
webdev
185
 reactions
Comments
5
 comments
6 min read
Getting Started with CSS Animations
Simon Pfeiffer
Simon Pfeiffer
Simon Pfeiffer
Follow
for
Codesphere Inc.
Aug 26 '21
Getting Started with CSS Animations
#
css
#
ux
#
animation
#
tutorial
179
 reactions
Comments
1
 comment
2 min read
Building the Flipping Card Animation in Plain CSS
Gabe Romualdo
Gabe Romualdo
Gabe Romualdo
Follow
Nov 26 '19
Building the Flipping Card Animation in Plain CSS
#
css
#
frontend
#
webdev
#
animation
172
 reactions
Comments
1
 comment
4 min read
ReactJs Animation: Create login/register form with react-spring animation
Keerthi
Keerthi
Keerthi
Follow
Sep 28 '20
ReactJs Animation: Create login/register form with react-spring animation
#
react
#
css
#
javascript
#
animation
163
 reactions
Comments
6
 comments
5 min read
Animate an object on-scroll
Manten Devillé
Manten Devillé
Manten Devillé
Follow
Apr 11 '21
Animate an object on-scroll
#
beginners
#
css
#
javascript
#
animation
155
 reactions
Comments
1
 comment
3 min read
Animated CSS loaders
Jenning Ho
Jenning Ho
Jenning Ho
Follow
Jun 12 '21
Animated CSS loaders
#
css
#
animation
#
webdev
#
design
139
 reactions
Comments
3
 comments
5 min read
CSS Glitchy Text Reveal in 3 minutes đ
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Dec 11 '19
CSS Glitchy Text Reveal in 3 minutes đ
#
css
#
javascript
#
animation
#
design
137
 reactions
Comments
7
 comments
3 min read
A Guide to CSS Animation - Part 2
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Dec 20 '19
A Guide to CSS Animation - Part 2
#
css
#
animation
#
beginners
#
webdev
117
 reactions
Comments
1
 comment
7 min read
Future of CSS: Scroll Animations
Andrew Bone
Andrew Bone
Andrew Bone
Follow
Jun 13 '23
Future of CSS: Scroll Animations
#
css
#
webdev
#
ux
#
animation
116
 reactions
Comments
16
 comments
5 min read
Expanding Card in HTML & CSS (CSS Animations)
Beginner Developer
Beginner Developer
Beginner Developer
Follow
Aug 21 '21
Expanding Card in HTML & CSS (CSS Animations)
#
css
#
html
#
javascript
#
animation
112
 reactions
Comments
4
 comments
2 min read
The Wizardry of CSS Animations (And Why It's Easier Than You Think)
Yoni Weisbrod
Yoni Weisbrod
Yoni Weisbrod
Follow
Mar 29 '20
The Wizardry of CSS Animations (And Why It's Easier Than You Think)
#
css
#
webdev
#
animation
#
tutorial
108
 reactions
Comments
Add Comment
7 min read
CSS Animated Google Fonts
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Jul 2 '20
CSS Animated Google Fonts
#
animation
#
css
#
design
#
webdev
99
 reactions
Comments
7
 comments
3 min read
Coding an Interactive (and Damn Satisfying) Cursor: 7 Simple Steps + 2kb of Code
Ksenia Kondrashova
Ksenia Kondrashova
Ksenia Kondrashova
Follow
Sep 28 '23
Coding an Interactive (and Damn Satisfying) Cursor: 7 Simple Steps + 2kb of Code
#
javascript
#
animation
#
canvas
#
tutorial
98
 reactions
Comments
22
 comments
4 min read
A Guide to CSS Animation - Part 3
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Dec 20 '19
A Guide to CSS Animation - Part 3
#
css
#
animation
#
beginners
#
webdev
96
 reactions
Comments
Add Comment
4 min read
Implementing 2D Physics in Javascript
Martin Heinz
Martin Heinz
Martin Heinz
Follow
Feb 1 '20
Implementing 2D Physics in Javascript
#
javascript
#
webdev
#
animation
#
tutorial
94
 reactions
Comments
7
 comments
7 min read
Learning SVG animation to spice up my GitHub Profile
Pushkar Anand
Pushkar Anand
Pushkar Anand
Follow
Jul 19 '20
Learning SVG animation to spice up my GitHub Profile
#
svg
#
css
#
animation
#
github
90
 reactions
Comments
5
 comments
7 min read
Awesome things for awesome people - July 2020
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Aug 5 '20
Awesome things for awesome people - July 2020
#
webdev
#
css
#
animation
#
javascript
87
 reactions
Comments
11
 comments
2 min read
Page Transition Effect in NextJS
Anxiny
Anxiny
Anxiny
Follow
Apr 20 '21
Page Transition Effect in NextJS
#
nextjs
#
react
#
css
#
animation
86
 reactions
Comments
15
 comments
2 min read
Tailwind Enter/Leave Transition Effects with Stimulus.js
Mike McCall
Mike McCall
Mike McCall
Follow
Sep 8 '20
Tailwind Enter/Leave Transition Effects with Stimulus.js
#
tailwindcss
#
animation
#
stimulus
#
rails
84
 reactions
Comments
10
 comments
7 min read
Animations in React - Getting started with Framer Motion
Seth Corker
Seth Corker
Seth Corker
Follow
Nov 6 '19
Animations in React - Getting started with Framer Motion
#
react
#
animation
#
tutorial
#
webdev
81
 reactions
Comments
4
 comments
2 min read
13 Interactive Animated Backgrounds for your Website using Vanta.js
Mehul Kumar Nirala
Mehul Kumar Nirala
Mehul Kumar Nirala
Follow
May 31 '21
13 Interactive Animated Backgrounds for your Website using Vanta.js
#
animation
#
webdev
#
webgl
#
background
81
 reactions
Comments
6
 comments
4 min read
My New Favorite CSS Trick: will-change
Thea
Thea
Thea
Follow
Mar 13
My New Favorite CSS Trick: will-change
#
css
#
animation
#
frontend
#
development
74
 reactions
Comments
13
 comments
2 min read
How to create a slick animation from Stranger Things
Rob OLeary
Rob OLeary
Rob OLeary
Follow
May 31 '23
How to create a slick animation from Stranger Things
#
tutorial
#
gsap
#
javascript
#
animation
69
 reactions
Comments
12
 comments
31 min read
3 Advanced Framer Motion Effects in React
Saleh Mubashar
Saleh Mubashar
Saleh Mubashar
Follow
Mar 4
3 Advanced Framer Motion Effects in React
#
react
#
framer
#
webdev
#
animation
64
 reactions
Comments
9
 comments
4 min read
Create an underline animation in CSS !
Ustariz Enzo
Ustariz Enzo
Ustariz Enzo
Follow
Oct 22 '21
Create an underline animation in CSS !
#
css
#
animation
#
tutorial
62
 reactions
Comments
3
 comments
2 min read
Create animating element on CSS Grid with React Hooks
terrierscript
terrierscript
terrierscript
Follow
Nov 6 '19
Create animating element on CSS Grid with React Hooks
#
react
#
css
#
cssinjs
#
animation
61
 reactions
Comments
4
 comments
3 min read
CSS & React: How to bounce your logo
Jim Raptis
Jim Raptis
Jim Raptis
Follow
Nov 27 '19
CSS & React: How to bounce your logo
#
css
#
animation
#
javascript
#
react
59
 reactions
Comments
2
 comments
6 min read
JavaScript Mouse Tracking Eyes đ
Chris Bongers
Chris Bongers
Chris Bongers
Follow
Aug 23 '20
JavaScript Mouse Tracking Eyes đ
#
javascript
#
animation
59
 reactions
Comments
6
 comments
3 min read
React Animation: Tap to Expand
Seth Corker
Seth Corker
Seth Corker
Follow
Dec 4 '19
React Animation: Tap to Expand
#
tutorial
#
react
#
animation
#
webdev
58
 reactions
Comments
Add Comment
3 min read
VueJS on scroll animations
Suvin Nimnaka
Suvin Nimnaka
Suvin Nimnaka
Follow
Jun 19 '20
VueJS on scroll animations
#
vue
#
css
#
animation
58
 reactions
Comments
10
 comments
1 min read
How to do stunning 3D with pure HTML/CSS
Martin PAUCOT
Martin PAUCOT
Martin PAUCOT
Follow
Sep 8 '23
How to do stunning 3D with pure HTML/CSS
#
html
#
css
#
animation
#
design
57
 reactions
Comments
17
 comments
4 min read
View Transitions API
Andrew Bone
Andrew Bone
Andrew Bone
Follow
May 6 '23
View Transitions API
#
javascript
#
animation
#
webdev
57
 reactions
Comments
6
 comments
2 min read
Creating a parallax effect using react-spring
Robbert van Caem
Robbert van Caem
Robbert van Caem
Follow
Dec 9 '19
Creating a parallax effect using react-spring
#
react
#
reactspring
#
animation
#
parallax
56
 reactions
Comments
1
 comment
4 min read
Animate CSS code: create a panda animation with HTML & CSS
Amanda Fawcett
Amanda Fawcett
Amanda Fawcett
Follow
for
Educative
Oct 6 '20
Animate CSS code: create a panda animation with HTML & CSS
#
css
#
html
#
webdev
#
animation
55
 reactions
Comments
3
 comments
7 min read
An animated lesson on CSS will teach you how to use it
Jon Snow
Jon Snow
Jon Snow
Follow
Jun 4 '23
An animated lesson on CSS will teach you how to use it
#
webdev
#
css
#
animation
#
design
53
 reactions
Comments
Add Comment
1 min read
REACT ANIMATION - Animation Libraries for React.js
Rupak Dey
Rupak Dey
Rupak Dey
Follow
Jan 24 '21
REACT ANIMATION - Animation Libraries for React.js
#
react
#
animation
#
webdev
#
javascript
53
 reactions
Comments
2
 comments
1 min read
Spice up your Web App with Animation using Lottie đ„
Naman Gupta
Naman Gupta
Naman Gupta
Follow
Sep 7 '20
Spice up your Web App with Animation using Lottie đ„
#
webdev
#
animation
#
preact
#
javascript
52
 reactions
Comments
2
 comments
3 min read
Animate an Octocat Sprite Swimming with CSS
Cody Pearce
Cody Pearce
Cody Pearce
Follow
Jan 30 '20
Animate an Octocat Sprite Swimming with CSS
#
css
#
codepen
#
sprites
#
animation
48
 reactions
Comments
Add Comment
5 min read
Animate the Opening Star Wars Crawl with React Hooks and GreenSock
Mandi Wise
Mandi Wise
Mandi Wise
Follow
Dec 20 '19
Animate the Opening Star Wars Crawl with React Hooks and GreenSock
#
react
#
javascript
#
animation
48
 reactions
Comments
5
 comments
11 min read
Lottie animated illustrations for React
Ahmed Alaa
Ahmed Alaa
Ahmed Alaa
Follow
Oct 25 '20
Lottie animated illustrations for React
#
react
#
lottie
#
frontend
#
animation
48
 reactions
Comments
7
 comments
3 min read
Pure HTML Animation - Animate SVG with <animate>
The Liquid Charcoal
The Liquid Charcoal
The Liquid Charcoal
Follow
Jun 18 '19
Pure HTML Animation - Animate SVG with <animate>
#
html
#
css
#
svg
#
animation
48
 reactions
Comments
10
 comments
7 min read
A Guide to Web Animation with GSAP - Part 2
Joel Olawanle
Joel Olawanle
Joel Olawanle
Follow
Jul 27 '20
A Guide to Web Animation with GSAP - Part 2
#
javascript
#
html
#
webdev
#
animation
47
 reactions
Comments
1
 comment
4 min read
How to make Floating animation in HTML CSS
Suyash Vashishtha
Suyash Vashishtha
Suyash Vashishtha
Follow
Dec 26 '21
How to make Floating animation in HTML CSS
#
css
#
animation
#
html
#
webdev
46
 reactions
Comments
7
 comments
1 min read
A Beginnerâs Guide to 3D Rendering with JavaScript: Part One â The Setup
waldowred5
waldowred5
waldowred5
Follow
Apr 15 '21
A Beginnerâs Guide to 3D Rendering with JavaScript: Part One â The Setup
#
threejs
#
animation
#
tutorial
#
javascript
46
 reactions
Comments
2
 comments
7 min read
Dynamic Island Animations with Popmotion in Angular
William Juan
William Juan
William Juan
Follow
for
This is Angular
Sep 26 '22
Dynamic Island Animations with Popmotion in Angular
#
angular
#
animation
#
popmotion
#
dynamicisland
46
 reactions
Comments
Add Comment
9 min read
Collapsing Page Effect
Johnny Fekete
Johnny Fekete
Johnny Fekete
Follow
Nov 28 '20
Collapsing Page Effect
#
javascript
#
animation
#
ux
#
react
46
 reactions
Comments
5
 comments
4 min read
đŁ Kaiten Sushi đŁ Approaches to Web Animations
lucamug
lucamug
lucamug
Follow
May 2 '20
đŁ Kaiten Sushi đŁ Approaches to Web Animations
#
webdev
#
animation
#
css
#
elm
46
 reactions
Comments
3
 comments
8 min read
Easy Timeline Animation with Plaintext
hashrock
hashrock
hashrock
Follow
Jan 5 '20
Easy Timeline Animation with Plaintext
#
animation
#
javascript
46
 reactions
Comments
Add Comment
1 min read
The Power && Fun of scope with CSS variables
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
May 7 '20
The Power && Fun of scope with CSS variables
#
css
#
animation
#
webdev
#
beginners
45
 reactions
Comments
Add Comment
8 min read
Creating animations in Javascript using requestAnimationFrame
Sriram
Sriram
Sriram
Follow
Jul 4 '20
Creating animations in Javascript using requestAnimationFrame
#
css
#
javascript
#
animation
45
 reactions
Comments
2
 comments
5 min read
Make a Functional Stopwatch with CSS â Exploring @property and its Animating Powers
Jhey Tompkins
Jhey Tompkins
Jhey Tompkins
Follow
Apr 21 '21
Make a Functional Stopwatch with CSS â Exploring @property and its Animating Powers
#
css
#
webdev
#
tutorial
#
animation
44
 reactions
Comments
Add Comment
11 min read
Animate on scroll in React
Naga Chaitanya Konada
Naga Chaitanya Konada
Naga Chaitanya Konada
Follow
Feb 14 '21
Animate on scroll in React
#
react
#
framer
#
scroll
#
animation
40
 reactions
Comments
Add Comment
6 min read
Doing a FLIP with lit-html@2.0
Westbrook Johnson
Westbrook Johnson
Westbrook Johnson
Follow
for
Open Web Components
Dec 29 '20
Doing a FLIP with lit-html@2.0
#
todayilearned
#
lithtml
#
javascript
#
animation
40
 reactions
Comments
Add Comment
18 min read
loading...
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account