How do guys design beautiful animated sites?

1

Three.js

Take a look at Framer Motion, Three.js and Anime.js for starters. A lot of advanced CSS sites (advanced as in a lot of intermediate stuff happening) uses SCSS or other supersets of CSS due to their built-in power such as easier variables, conditionals etc.

#Javascript UI Libraries #Flowcharts #Org Charts 230 social mentions

2

Anime.js

Take a look at Framer Motion, Three.js and Anime.js for starters. A lot of advanced CSS sites (advanced as in a lot of intermediate stuff happening) uses SCSS or other supersets of CSS due to their built-in power such as easier variables, conditionals etc.

#Javascript UI Libraries #Development #Charting Libraries 38 social mentions

3

ScrollMagic

Http://scrollmagic.io/ also is great if u have it set up, a lot of examples where u can start out with.

#Animation #JavaScript #CSS 24 social mentions

4

Lottie

#Animation #Design Tools #Vector Graphic Editor 92 social mentions