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 - 모던 웹을 위한 아름다운 페이지 전환 라이브러리