A gallery of real app UI motion — 2000+ screen recordings across 487 apps, filterable by gesture and interaction pattern
SSGOI
App-grade page transitions on the web — hero flights, drills and sheets, recreating YouTube/Instagram switches
Content updated · 2026-09-22
What is it · 它是什么
What is SSGOI?
SSGOI is a native-feeling page transition library for the web: built on the Web Animations API, it brings native-app page switching to browsers — hero-element flights, drill-downs, sheet layers, zooms and slides. It is router- and framework-agnostic (React, Vue, Svelte, Solid, Angular and Qwik), and the site demos recreations of real transitions from YouTube, Instagram, Airbnb and Pinterest. Open source and free.
How to use · 怎么用
How to use SSGOI
- Feel the presets live on the homepage.
- Install the package for your framework and attach a transition type to route changes.
- Pair hero transitions with list-to-detail flows for an app-grade browsing feel.
Key features · 核心特点
Key features of SSGOI
- Hero, drill, sheet, zoom and slide transitions
- Router- and framework-agnostic, six frameworks supported
- Built on Web Animations API, beyond View Transitions
- Official demos recreating mainstream app transitions
Related sites
Compose animations by stacking words - fade, up, slide - no keyframes, 3KB core
A front-end playground — a dense hub of motion snippets and experiments