Intro to Web Animations

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
  • bounce.js

    Create beautiful CSS3 powered animations in no time.

  • Bounce.js: https://github.com/tictail/bounce.js/blob/master/README.mdlibrary that lets you create and embed animations into CSS.

  • easings.net

    Easing Functions Cheat Sheet

  • Starting with the basics and probably the most commonly utilized principle, let’s use CSS transition properties to demonstrate the Easing interactions on few div elements. Again, timing is everything. Here's a little easing cheatsheet to help.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

  • Animate.css: https://animate.style/tool for making basic animations. Primarily for transitions.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts