Barba.js - Create smooth transition between your website's pages using pushState (github.com)
over 7 years ago from Patrick Arminio, Full Stack Developer @ Stink Studios
over 7 years ago from Patrick Arminio, Full Stack Developer @ Stink Studios
Looks like it does something similar to http://smoothstate.com/ although potentially with more control over transitions.
Hi Robert! SmoothState is probably the most similar library compared with Barba.
What pushed me to write Barba.js in favor of using SmoothState is that:
Is dependency free. (because I don't want to use jQuery where there is no need!)
Have a logic of Views/Namespaces that helps to handle better javascript status between pages.
The Transitions are indipendent objects, so it's easy to port them in other project or use different transitions in your website (for instance you can have a transition for home->about and a different one for home->contact).
It uses Promises API, so it's easier to make logic like: as soon as the fade out of the old page is done and the loading of the new page is done, fade in the new page.
Thanks Luigi - sounds like it could be a nice improvement in that case. Will definitely give this a try.
I just tried it and, looks pretty cool. just works, and degrades nicely.
Thanks for sharing
Thanks for giving it a try :)
Very nice, thanks for sharing I was just looking for something like this :)
A friend of mine created this library to handle transition between pages really easily. Here are some demos:
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now