SSGOI LogoSSGOI
无需View Transitions API

在网页上感受
原生级别的过渡

页面间过渡流畅。在所有浏览器上运行,支持所有框架。无需复杂设置,只需几行代码即可开始。

npm install @ssgoi/react

Latest Posts

Insights on Svelte, Flutter, and web development

Understanding Svelte 5 Runes: The Future of Reactivity

Understanding Svelte 5 Runes: The Future of Reactivity

Dive deep into Svelte 5's new rune system and discover how it revolutionizes state management and reactivity.

Sarah ChenSarah Chen12mSvelte
Mastering Flutter Animations: From Basics to Advanced

Mastering Flutter Animations: From Basics to Advanced

Learn how to create beautiful, performant animations in Flutter that bring your mobile apps to life.

Michael ParkMichael Park15mFlutter
Building Scalable Applications with SvelteKit

Building Scalable Applications with SvelteKit

A comprehensive guide to architecting large-scale applications with SvelteKit, covering best practices, patterns, and real-world examples.

Emma WilsonEmma Wilson18mSvelteKit
React Server Components: A Deep Dive

React Server Components: A Deep Dive

Understanding the revolutionary React Server Components and how they change the way we build React applications.

Alex JohnsonAlex Johnson10mReact
Modern CSS Techniques You Should Know in 2024

Modern CSS Techniques You Should Know in 2024

Explore the latest CSS features including Container Queries, Cascade Layers, and the :has() selector that are revolutionizing web styling.

Maria GarciaMaria Garcia8mCSS
Web Performance Optimization: A Comprehensive Guide

Web Performance Optimization: A Comprehensive Guide

Master the art of web performance with modern techniques including Core Web Vitals optimization, resource hints, and cutting-edge loading strategies.

David KimDavid Kim14mPerformance
Advanced TypeScript Patterns for Production

Advanced TypeScript Patterns for Production

Level up your TypeScript skills with advanced patterns including type guards, conditional types, and template literal types.

James ChenJames Chen12mTypeScript

Features

为什么选择SSGOI

零配置

无需复杂设置即可立即开始。默认值就足够了。

所有浏览器

不依赖Chrome的View Transitions API,Safari和Firefox也能运行。

SSR支持

与Next.js、Nuxt、SvelteKit等所有SSR框架完美兼容。

低端设备也流畅

Spring物理引擎 + Web Animations API确保在低端移动设备上也能保持60fps动画。

互动演示

亲自体验

点击演示,体验不同的视图过渡效果

平滑的页面切换

Element Transitions

单独元素过渡

用in和out定义进入/退出动画

00.5102004006008001000time (ms)
512ms
Spring
stiffness300
damping30

Frameworks

支持所有框架

相同的API,相同的体验。无论使用哪种框架都能获得一致的过渡效果。

React
Svelte
Vue
Angular
SolidJS
Qwiksoon

立即开始

几分钟内即可实现原生级别的页面过渡。

MIT License·Free & Open Source
Built with care by MeurSyphus
SSGOI - 为现代网页应用打造优美的页面过渡效果