Skip to content

Instantly share code, notes, and snippets.

View SuddenDev's full-sized avatar

Dominik SuddenDev

View GitHub Profile
@SuddenDev
SuddenDev / PageTransition.ts
Last active December 31, 2024 00:24
Nuxt GSAP Page Transition Composable
// Just plug this as a prop into <NuxtPage>
import gsap from "gsap"
import type { TransitionProps } from "vue"
import { useGlobalState } from "~/composables/state"
const preTransition = () => {
useScroll().disableScroll()
useGlobalState().value.isPageTransitioning = true
}
@SuddenDev
SuddenDev / !useLocoScroll.js
Last active October 26, 2022 10:54
React (Gatsby) + Locomotive Scroll + Greensock (Gsap) + Scrolltrigger
// <DIR>/src/hooks/useLocoScroll.js
import gsap from "gsap";
import ScrollTrigger from "gsap/ScrollTrigger";
import { useEffect } from "react";
import LocomotiveScroll from "locomotive-scroll";
// REPLACE THIS WITH YOUR STYLES
import "@styles/locomotive-scroll.scss";