Sal.js (Scroll Animation Library) is a performance focused, lightweight scroll animation library, written in vanilla JavaScript. It's based on the Intersection Observer.
A tutorial about how to animate images and videos using curtains.js
Curtains.js allows you to create planes containing images and videos that act like plain HTML elements, with position and size defined by CSS rules.
Between.js is a lightweight JavaScript (ES6) tweening library.
Flipping is a library and collection of adapters for implementing FLIP transitions.
A tutorial about creating drinks - restaurant menu with super cool animation using CSS and JavaScript.
Curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes.
A tutorial about creating cool animated menu concept using CSS and javascript.
FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.
Scrolling Letters Animation is a switching title effect where a fixed text element changes with an animation depending on the scroll position by using CSS and anime.js
basicScroll is a standalone parallax scrolling library with CSS variables inspired by skrollr. basicScroll lets you to change CSS variables depending on the scroll position.
Counter Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
It supports counting up:
123450.12341,234,567.00
Slice Revealer is a reveal effect where animated slices cover and uncover an image.
Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.
A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.
A tutorial about creating grid item animation where the thumbnail scales up when the details view is opened by using CSS animations and javascript.
