โšก
๐Ÿ”ฅ
๐ŸŽฏ
๐Ÿš€
โœจ
๐Ÿ’š
๐ŸŽจ
[ GSAP + SVELTE ]

Animate smarter,
build faster,
scale better

The ultimate GSAP foundation for high-performance, scalable, modern web applications. Powerful animations with automatic cleanup, full TypeScript support, and zero configuration.

<script>
  import { GsapAnimate } from '@gsap/svelte';
</script>

<GsapAnimate type="from" opacity={0} y={50} duration={1}>
  <div>Beautiful animations in 2 lines!</div>
</GsapAnimate>
[ INTERACTIVE DEMO ]

Draggable + Inertia

Drag the ball and watch it snap to the grid with physics-based inertia

Try dragging the ball around!
[ FEATURES ]

Everything you need

Built for modern Svelte development

โšก

High Performance

Leverages GSAP's industry-leading animation performance for smooth 60fps animations

๐Ÿงน

Automatic Cleanup

No memory leaks - animations are automatically cleaned up on component unmount

๐Ÿ“˜

TypeScript First

Full type definitions included for the best developer experience and autocomplete

๐ŸŽฏ

ScrollTrigger Ready

Built-in support for GSAP ScrollTrigger with zero configuration needed

๐ŸŽจ

Component-Based

Use clean, composable Svelte components for all your animation needs

๐Ÿ”„

SSR Safe

Works seamlessly with SvelteKit server-side rendering out of the box

[ LIVE DEMOS ]

See it in action

Live component demonstrations

Fade
Slide
Scale
[ GET STARTED ]

Ready to get started?

Install @gsap/svelte and start animating in minutes

bun add @gsap/svelte gsap
View Documentation โœจ