Native View Transitions in Next.js 16 + React 19 hit different.
This is a design post classified by Jev as Animation & motion (a tutorial), kept by the Design Radar because it carries real work, not commentary.
Native View Transitions in Next.js 16 + React 19 hit different. Recreated this tilt & slide page transition with zero router hacks or heavy animation libraries—just pure CSS keyframes: • Outgoing page scales down, tilts -10°, and slides bottom-left • Incoming page unfolds diagonally via CSS clip-path • Navbar stays locked and interactive with viewTransitionName: "navbar" No DOM duplication hacks. High performance, native, and buttery smooth. Full breakdown & open-source code: 📖 Blog: https://ui.soralabs.studio/blog/tilt-slide-page-transition-view-transitions 🛠️ Docs: https:
Posted by Axyl (3 followers) 3 days ago · 0 likes · 31 views · view the original post on X. Kept by the Design Radar as Animation & motion.
More design work like this
- turned my favourite coffee shop’s mascot into a tiny animation — @DhaygudeMrunal
- Figma Motion basics: Use shaders in your animations… — @dushyantz
- Poke the little owl on your step tracker and it squishes and blinks right back. A boop… — @movindesign_
- designers waste hours on simple animations when @animosapp exists. — @HeyDetya
- this AI creates 2D animations in 15s — @techhalla
- 💚 Site of the Day - Door Dennis — @greensock
- Glass Button Hits Different in Motion. — @JameslabiQ
- Motion Makes This UI Feel Expensive. — @JameslabiQ
Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 4k posts from 1.4k X accounts over the last 21 days, 316 tools, 17 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 02:08 UTC. Full method.