Does Drift Gallery work in Nuxt 3?

Yes. Drop it into any page or component. The component is client-safe; Nuxt handles the SSR boundary automatically. If you want explicit client-only rendering, wrap in ` `.

Does Drift Gallery work with Vue 2?

No - the component uses the Vue 3 Composition API and ` ` syntax. Vue 2 support is not planned. If you need Vue 2, the HTML/CSS/JS variant works in any context.

Does Drift Gallery work with TypeScript in Vue?

Yes. The component is typed and works with both `vue-tsc` and Volar. Props match the `data-anm-*` attributes documented on the main detail page.

Will the animation flash before hydration in Nuxt SSR?

Brief flash is possible because GSAP needs the client to initialize. The component sets the parked state via `gsap.set` on `onMounted` before the first paintable frame. For above-the-fold use in SSR contexts, add a CSS opacity:0 default that the component clears.

Drift Gallery for Vue - GSAP component

Annnimate

Every component, in every framework.

Drift Gallery is one of 50+ GSAP components, each shipping in React, Vue, and HTML/CSS/JS with the same production tuning.

Open Drift Gallery Browse the library

Every component, in every framework.

Drift Gallery in Vue.

Install Drift Gallery in your Vue project

Where it goes in your Vue app

Vue-specific gotchas

Common questions