on-change
barba
| on-change | barba | |
|---|---|---|
| 1 | 11 | |
| 1,954 | 11,441 | |
| - | 0.7% | |
| 5.5 | 8.0 | |
| 4 months ago | 10 days ago | |
| JavaScript | TypeScript | |
| 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.
on-change
-
Using Vue without actually using Vue. Ovee.js 2.1 just got released.
For the initial build of Ovee.js, we’ve chosen on-change for handling simple reactivity, and lit-html for templating. We’ve also built an optional module on top of Barba for asynchronous page transitions. This decision helped us to ship the first working version of the framework relatively fast, avoiding major bugs in the potentially most complex parts.
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?
deep-object-diff - Deep diffs two objects, including nested structures of arrays and objects, and returns the difference. ❄️
anime.js - JavaScript animation engine
electronmon - 🖥 run, watch, and restart electron apps using magic
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
swagger-ui-watcher - Automatically refreshes Swagger UI on Swagger file changes
particles.js - A lightweight JavaScript library for creating particles
eucWatch - EUC Watch. Dash for Electric Unicycles on NRF52xx based wearables. Supports Kingsong ( All models ), Inmotion ( All ), Ninebot ( All ) , Begode ( Gotway, All ) and Leaperkim (All)
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
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
jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery
Suave UI 0.3.1 - UI Framework for AngularJS