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 - モダンウェブアプリのための美しいページトランジション