Skip to content

Instantly share code, notes, and snippets.

import TweenMax from 'gsap'
import event from 'dom-events'
import imagesLoaded from 'imagesloaded'
import lerp from '~/assets/js/functions/lerp'
export default class Smooth {
constructor() {
this.createBound()
this.content = document.querySelector('.js-scroll-content')
import TweenMax from 'gsap'
import events from 'dom-events'
export default class Magnetic {
constructor(el) {
this.elem = document.querySelector(el)
this.cursor = {
x: 0,
y: 0
import TweenMax from 'gsap'
import event from 'dom-events'
import imagesLoaded from 'imagesloaded'
import lerp from '~/assets/js/functions/lerp'
export default class Smooth {
constructor(el) {
this.createBound()
this.content = el.querySelector('.js-scroll-content')
import TweenMax from 'gsap'
export default class Magnetic {
constructor() {
this.elems = [...document.querySelectorAll('[data-magnetic]')]
this.cache = []
this.cursor = {
x: 0,
<script id="vertexShader" type="x-shader/x-vertex">
void main() {
}
</script>
<script id="fragmentShader" type="x-shader/x-fragment">
void main() {
}
import { math } from '../../utils'
export default class Overview {
constructor(opts = {}) {
this.bind()
this.list = opts.el
this.elems = [...this.list.querySelectorAll('.js-list-item')]
this.mouse = {
import * as THREE from 'three'
import { math } from '../utils'
import MobileDetect from 'mobile-detect'
export const Scene = (el, img) => {
const wrapper = el
const md = new MobileDetect(window.navigator.userAgent)
const isMobile = md.mobile()
import TweenMax from 'gsap'
import SplitText from '../vendors/SplitText'
export default class ScrollAnimations {
constructor() {
this.controller = new ScrollMagic.Controller()
this.elems = [...document.querySelectorAll('[data-scroll]')]
this.init()
import ScrollMagic from 'scrollmagic'
import 'animation.gsap'
import TweenMax from 'gsap'
import DrawSVGPlugin from '../vendor/DrawSVGPlugin'
import SplitText from '../vendor/SplitText'
class ScrollAnimations {
constructor() {
this.controller = new ScrollMagic.Controller()
import TweenMax from 'gsap'
import SplitText from '../vendor/SplitText'
import DrawSVGPlugin from '../vendor/DrawSVGPlugin'
import throttle from 'lodash.throttle'
class ScrollTrigger {
constructor() {
this.bind()
this.elems = [...document.querySelectorAll('[data-scroll]')]