finds.dev← search

// the find

sdras/page-transitions-travelapp

★ 1,719 · Vue · updated Oct 2023

Travel App, Native-like Page Transitions

A demo Nuxt 2 app by Sarah Drasner showing how to implement native-app-style page transitions in Vue. It exists purely as a teaching example — there is no real data, no backend, and no production use case. The target audience is Vue developers who want to see the transition technique implemented concretely rather than explained abstractly.

The transition patterns themselves are well-executed — shared element animations between list and detail views are the hard part of native-feel UX and this nails the concept. The component decomposition is clean and readable, which is the point of a teaching repo. It comes from Sarah Drasner, who wrote the definitive Vue animation content, so the technique is authoritative.

Nuxt 2 hit end-of-life in June 2024 and this repo hasn't been touched since October 2023 — the patterns here do not translate directly to Nuxt 3 or the Vue 3 Composition API. The README is four lines of boilerplate with zero explanation of how the transitions actually work, which undercuts its value as a learning resource. All data is hardcoded static assets, so there's nothing to fork and extend into a real app. At 1700 stars it has more prestige than substance at this point.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →