Anime.js – A lightweight JavaScript animation library

• anime.js

  87 48,686 6.4 JavaScript

  JavaScript animation engine

• animate.css

  82 79,744 3.5 CSS

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

  

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• fat

  1 273 10.0 JavaScript

  Web's fastest and most lightweight animation tool. (by nextapps-de)

  

• shifty

  10 1,528 5.5 TypeScript

  The fastest TypeScript animation engine on the web

• surreal

  4 668 8.9 JavaScript

  🗿 Mini jQuery alternative. Dependency-free animations. Locality of Behavior. Use one element or arrays transparently. Pairs with htmx. Vanilla querySelector() but better!

If you like this, you may also want to check out: https://github.com/gnat/surreal

• theatre

  26 10,731 8.4 TypeScript

  Motion design editor for the web

  

• GreenSock-JS

  96 18,632 4.7 JavaScript

  GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  

• InfluxDB

  www.influxdata.com sponsored

  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.

  

• BabylonJS

  63 22,456 10.0 TypeScript

  Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

  

• lowtechguys

  2 5 6.9 JavaScript
  

One less known use case for this is creating animated UI demos, which as a dev I find harder to do using video editing software.

I used it to create the simple demo on the rcmd frontpage: https://lowtechguys.com/rcmd

This is the code, where I'm just animating elements of an SVG I previously created with Sketch: https://github.com/FuzzyIdeas/lowtechguys/blob/main/src/rcmd...

I'm also doing the same thing for the Lunar frontpage: https://lunar.fyi/

But because Lunar's demo is a lot more resource intensive, I pre-rendered it into a video, and heavily optimized it for each screen size, in H.265, WEBM and H.264.

• Lunar

  192 4,323 8.9 Swift

  Intelligent adaptive brightness for your external monitors

One less known use case for this is creating animated UI demos, which as a dev I find harder to do using video editing software.

I used it to create the simple demo on the rcmd frontpage: https://lowtechguys.com/rcmd

This is the code, where I'm just animating elements of an SVG I previously created with Sketch: https://github.com/FuzzyIdeas/lowtechguys/blob/main/src/rcmd...

I'm also doing the same thing for the Lunar frontpage: https://lunar.fyi/

But because Lunar's demo is a lot more resource intensive, I pre-rendered it into a video, and heavily optimized it for each screen size, in H.265, WEBM and H.264.

Suggest a related project