跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

App 级页面转场上 Web:hero 飞行、下钻、弹层,能复刻 YouTube/Instagram 的切换效果

内容更新日期 · 2026-09-22

What is it · 它是什么

什么是 SSGOI

SSGOI 是一个网页原生转场动画库:基于 Web Animations API,把原生 App 的页面切换体验搬上 Web——hero 元素飞行、drill 下钻、sheet 弹层、zoom 缩放、slide 滑动等多种过渡。路由和框架无关(React/Vue/Svelte/Solid/Angular/Qwik 全支持),官网直接演示用它复刻 YouTube、Instagram、Airbnb、Pinterest 的真实转场效果。开源免费。

How to use · 怎么用

怎么用 SSGOI

  1. 官网首页直接体验各种转场预设的实感。
  2. 按框架装对应包,给路由切换挂过渡类型。
  3. hero 转场配详情页列表,还原 App 级浏览体验。

Key features · 核心特点

SSGOI 的核心特点

  • hero/drill/sheet/zoom/slide 多种转场
  • 路由与框架无关,六大框架支持
  • 基于 Web Animations API,能力超 View Transitions
  • 官网可体验复刻主流 App 的真实转场

同类推荐

主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选