barba
anime.js
barba | anime.js | |
---|---|---|
11 | 88 | |
11,432 | 48,686 | |
1.0% | - | |
8.0 | 6.4 | |
5 days ago | about 1 month ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
barba
-
🤯 Keep Up With these 50 Articles
Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.
- Barba.js – Create fluid and smooth transitions between your website's pages
-
Coming to grips with JS: a Rubyist's deep dive
Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.
-
Seamless Transition Using Highway.js/Barba.js
It's using Highway.js or Barba.js I am not using any framework on this project.
- Animated transitions between sections
-
How would you make this page transition?
Have a look at https://barba.js.org or https://youtu.be/fBU4mLX45HU
-
Does anyone know of a method of auto-preloading all pages within a website and dynamically replace the body HTML in the dom with the preloaded page content?
barba.js
- BARBAJS - THREEJS : Meshes disappear after barbajs transition
-
Smooth Page Transitions in 2023
i think these statistics are not a good guide - it says that barba was last updated 6 years ago, while the last update was actually 17h ago
- Barba.js – Create fluid and smooth transitions between your website’s pages
anime.js
-
React Refs Ritual: Managing Focus, Selections, and More.
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally.
-
Incredible JavaScript Animation Libraries
Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease.
- Can we talk about the absolute chokehold GSAP has on the industry?
- My Journey in Making "Coin Factory": A Web Game
-
10 Best Javascript Animation Libraries 🎉
anime.js • JavaScript animation engine
-
Frontend development roadmap
Animejs
- A Modern High-Performance Open Source Message Queuing System
- anime: is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
- Anime.js – A lightweight JavaScript animation library
- anime.js - a lightweight JavaScript animation library
What are some alternatives?
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
particles.js - A lightweight JavaScript library for creating particles
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
velocity - Accelerated JavaScript animation.
lottie-to-svg - Convert a lottie animation to an SVG file
Scrawl-canvas - Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
Mo.js - The motion graphics toolbelt for the web
jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery