DEV Community

Jenuel Oras Ganawed
Jenuel Oras Ganawed

Posted on • Originally published at jenuel.dev

3 1 1

Animation Library You Can Use for your Web Apps

GSAP

GreenSock Animation Platform (GSAP) is a JavaScript library that lets users create animations for web development. It's used to animate a variety of elements, including SVG, UI, text, and WebGL. 
GSAP Website

ScrollReveal

ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully you'll be surprised below at how easy it is to pick up.
Scroll reveal app

AnimeJS

a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started.
Anime Js Website

Motion.Dev

Motion is a JavaScript animation library that's easy to start and fun to master. It's the only library with a hybrid engine, combining hardware accelerated DOM animations with the flexibility to animate anything that a browser can't, like independent transforms, gradients or Three.js.
Motion.Dev website

Auto Animate

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to any web app. It also works great with FormKit. FormKit doesn't need much animation, but a small tasteful amount can make it clear when elements pop on and off a page, or move around — such as validation messages.
AutoAnimate Website

TypedJs

a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.
TypedJs

MoJS

Simple declarative APIs to master your motion project with ease. Modular. Custom build for the current project's needs. Bye bye large file size overheads.
MoJS website

This are the only animation library that I tried. Comment down bellow what animation library you are using.

Image of AssemblyAI tool

Challenge Submission: SpeechCraft - AI-Powered Speech Analysis for Better Communication

SpeechCraft is an advanced real-time speech analytics platform that transforms spoken words into actionable insights. Using cutting-edge AI technology from AssemblyAI, it provides instant transcription while analyzing multiple dimensions of speech performance.

Read full post

Top comments (3)

Collapse
 
devtostd profile image
Dev Studio
Collapse
 
jenueldev profile image
Jenuel Oras Ganawed

wow nise, thanks for this.. its like the ultimate page to look at. I have never seen this, Big thanks mate.

Collapse
 
devtostd profile image
Dev Studio

Thanks 👍