Animations & Effects

13 bookmarks
Custom sorting
Lottie
Lottie
Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web
·airbnb.io·
Lottie
Motion One
Motion One
A native JavaScript animation library. Motion One is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations.
·motion.dev·
Motion One
React-spring
React-spring
With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.
·react-spring.dev·
React-spring
Framer Motion
Framer Motion
An open source, production-ready motion library for React on the web.
·framer.com·
Framer Motion
GSAP
GSAP
GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.
·gsap.com·
GSAP
Animate.css
Animate.css
Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
·animate.style·
Animate.css
Hover.css
Hover.css
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
·ianlunn.github.io·
Hover.css
ScrollReveal
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.
·scrollrevealjs.org·
ScrollReveal
Velocity.js
Velocity.js
Velocity.js: An incredibly fast animation engine for motion designers.
·velocityjs.org·
Velocity.js
mo.js
mo.js
mo · js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it has a different syntax and code animation structure approach.
·mojs.github.io·
mo.js
Popmotion
Popmotion
Popmotion is a collection of low-level JavaScript animation functions and utils for advanced animators.
·popmotion.io·
Popmotion
anime.js
anime.js
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
·animejs.com·
anime.js
AnimXYZ
AnimXYZ
AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe
·animxyz.com·
AnimXYZ