# Show GN: Nextjs, Nuxt, Sveltekit 지원하는 웹 페이지 애니메이션 라이브러리

> Clean Markdown view of GeekNews topic #22606. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=22606](https://news.hada.io/topic?id=22606)
- GeekNews Markdown: [https://news.hada.io/topic/22606.md](https://news.hada.io/topic/22606.md)
- Type: show
- Author: [tmdeoans](https://news.hada.io/@tmdeoans)
- Published: 2025-08-19T21:29:33+09:00
- Updated: 2025-08-19T21:29:33+09:00
- Original source: [ssgoi.dev](https://ssgoi.dev)
- Points: 10
- Comments: 1

## Summary

**Nextjs, Nuxt, SvelteKit** 등 주요 프레임워크의 **라우팅**을 그대로 유지하면서 **페이지 애니메이션**을 구현할 수 있는 라이브러리가 출시되었습니다. **SSR 완벽 호환**과 함께, 특히 Nextjs의 **서버컴포넌트** 환경에서도 정상 동작하며, **ViewTransition API** 없이도 **모든 브라우저**에서 일관된 애니메이션 경험을 제공합니다. 최근에는 **Qwik**, **Solidjs**에 대한 지원도 확대되어, **모바일 웹뷰**에서도 네이티브 앱과 유사한 부드러운 전환이 가능합니다.

## Topic Body

- 프레임워크의 라우팅을 그대로 활용하면서 웹에 페이지 애니메이션을 부여함  
- SSR을 100%호환, Nextjs의 경우 서버컴포넌트와도 동시에 활용 가능  
- 크롬전용 ViewTransition API X, 모든 브라우저에서 호환 가능한 애니메이션  
- 현재 Qwik, Solidjs도 추가로 지원중  
- 모바일 웹뷰에서 네이티브 느낌의 트랜지션 제공

## Comments



### Comment 43017

- Author: chanchan
- Created: 2025-08-27T13:48:31+09:00
- Points: 1

ViewTransition API가 아닌 모든 브라우저에서 호환 가능한 애니메이션이라는 점이 놀랍네요!  
  
하나 제안드리고 싶은 점이 있다면 브라우저 호환성을 조금 더 구체적으로 명시해주시면 좋을 것 같습니다.  
  
예를 들어 저희 회사는 Android 8 | Chrome 49 | iOS 14 를 최소 버전으로 삼고 있는데, "모던 브라우저" 라는 포괄적인 설명은 도입을 망설이게 하는 요인으로 느껴지는 것 같아요.  
  
멋진 라이브러리를 오픈소스로 공개해주셔서 감사합니다.