Barba.js

Page transitions for multi-page sites

Transitions & ScrollOpen sourceJavaScript

Live site

barba.js.org

Preview Barba.js inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

Intercepts navigation and swaps containers so traditional sites can transition smoothly. Still the pragmatic answer outside the React ecosystem.

terminal

npm i @barba/core

developer.mozilla.org

Native cross-document page transitions

TransitionsFreeWeb Platform

github.com

View Transitions for the Next.js App Router

TransitionsOpen sourceNext.jsReact

lenis.darkroom.engineering

Smooth scroll that does not break the page

TransitionsOpen sourceJavaScriptReact

by Darkroom Engineering@darkroomengineering