barba
Suave UI 0.3.1
barba | Suave UI 0.3.1 | |
---|---|---|
11 | 1 | |
11,432 | 338 | |
0.7% | - | |
8.0 | 0.0 | |
6 days ago | over 9 years ago | |
TypeScript | CSS | |
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
What are some alternatives?
anime.js - JavaScript animation engine
Odoo - Javascript and SVG odometer effect library with motion blur
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
shuffle-images - The Simplest Way to shuffle through images in a Creative Way
particles.js - A lightweight JavaScript library for creating particles
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
velocity - Accelerated JavaScript animation.
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Effeckt.css
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
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.