gsap-dattebayo
Version:
The ultimate GSAP-powered scroll animation library - Simple as AOS, powerful as GSAP. Modern animations for 2025-2026 web trends.
10 lines (9 loc) • 5.76 kB
JavaScript
/*!
* GSAP Dattebayo v0.1.0-alpha.1
* The ultimate GSAP-powered scroll animation library
* https://github.com/serdjan/gsap-dattebayo
*
* Copyright 2025 GSAP Dattebayo
* Released under the MIT License
*/
"use strict";var e=require("gsap");require("gsap/ScrollTrigger");var t=require("gsap/SplitText");function r(e){return"string"==typeof e?Array.from(document.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[]}exports.charBlur=function(o,a={}){const{duration:n=.8,ease:s="power2.out",delay:i=0,stagger:c=.03}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"chars"});d.from(r.chars,{opacity:0,filter:"blur(10px)",scale:1.5,duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.charElastic=function(o,a={}){const{duration:n=1,ease:s="elastic.out(1, 0.3)",delay:i=0,stagger:c=.04}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"chars"});d.from(r.chars,{opacity:0,scale:0,rotation:360,transformOrigin:"center center",duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.charFadeUp=function(o,a={}){const{duration:n=.6,ease:s="power2.out",delay:i=0,stagger:c=.03,distance:l=30}=a,d=r(o),u=e.timeline({delay:i});return d.forEach(e=>{const r=new t(e,{type:"chars"});u.from(r.chars,{opacity:0,y:l,duration:n,ease:s,stagger:c,force3D:!0},0)}),u},exports.charReveal=function(o,a={}){const{duration:n=1,ease:s="power2.out",delay:i=0,stagger:c=.05,from:l="start"}=a,d=r(o),u=e.timeline({delay:i});return d.forEach(e=>{const r=new t(e,{type:"chars"});u.from(r.chars,{opacity:0,y:20,rotationX:-90,transformOrigin:"0% 50% -50",duration:n,ease:s,stagger:{each:c,from:l},force3D:!0},0)}),u},exports.charWave=function(o,a={}){const{duration:n=.6,ease:s="back.out(1.7)",delay:i=0,stagger:c=.05}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"chars"});d.from(r.chars,{opacity:0,y:-50,rotation:10,scale:0,duration:n,ease:s,stagger:{each:c,from:"center"},force3D:!0},0)}),d},exports.glitchReveal=function(t,o={}){const{duration:a=1.5,ease:n="power2.out",delay:s=0}=o,i=r(t),c=e.timeline({delay:s});return i.forEach(e=>{e.textContent,e.style.position="relative";for(let t=0;t<8;t++){const r=a/8*t;c.fromTo(e,{opacity:0,x:10*Math.random()-5,skewX:20*Math.random()-10,filter:`hue-rotate(${360*Math.random()}deg)`},{opacity:1,x:0,skewX:0,filter:"hue-rotate(0deg)",duration:a/8,ease:n,force3D:!0},r)}}),c},exports.lineClipReveal=function(o,a={}){const{duration:n=1.2,ease:s="power4.out",delay:i=0,stagger:c=.1}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"lines",linesClass:"line"});r.lines.forEach(e=>{const t=document.createElement("div");t.style.overflow="hidden",e.parentNode?.insertBefore(t,e),t.appendChild(e)}),d.from(r.lines,{yPercent:100,duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.lineReveal=function(o,a={}){const{duration:n=1,ease:s="power3.out",delay:i=0,stagger:c=.15,distance:l=50}=a,d=r(o),u=e.timeline({delay:i});return d.forEach(e=>{const r=new t(e,{type:"lines",linesClass:"line"});u.from(r.lines,{opacity:0,y:l,duration:n,ease:s,stagger:c,force3D:!0},0)}),u},exports.lineScaleReveal=function(o,a={}){const{duration:n=1,ease:s="back.out(1.7)",delay:i=0,stagger:c=.1}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"lines"});d.from(r.lines,{opacity:0,scaleX:0,transformOrigin:"left center",duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.lineSlideAlternate=function(o,a={}){const{duration:n=1,ease:s="power2.out",delay:i=0,stagger:c=.12,distance:l=100}=a,d=r(o),u=e.timeline({delay:i});return d.forEach(e=>{new t(e,{type:"lines"}).lines.forEach((e,t)=>{u.from(e,{opacity:0,x:t%2==0?-l:l,duration:n,ease:s,force3D:!0},t*c)})}),u},exports.matrixReveal=function(o,a={}){const{duration:n=2,delay:s=0,chars:i="01",stagger:c=.05}=a,l=r(o),d=e.timeline({delay:s});return l.forEach(e=>{const r=new t(e,{type:"chars"});r.chars.forEach((e,t)=>{const r=e.textContent||"",o=.7*n,a=o+t*c;for(let t=0;t<10;t++)d.to({},{duration:o/10,onStart:()=>{e.textContent=i.charAt(Math.floor(Math.random()*i.length))}},o/10*t);d.to({},{duration:.1,onComplete:()=>{e.textContent=r}},a),d.from(e,{opacity:0,y:-20,duration:.3,ease:"power2.out",force3D:!0},a)})}),d},exports.scrambleReveal=function(t,o={}){const{duration:a=2,delay:n=0,chars:s="lowerCase"}=o,i=r(t),c=e.timeline({delay:n});return i.forEach(e=>{const t=e.textContent||"";c.to(e,{scrambleText:{text:t,chars:s,speed:.3},duration:a,ease:"none"},0)}),c},exports.wordReveal=function(o,a={}){const{duration:n=.8,ease:s="power2.out",delay:i=0,stagger:c=.1,distance:l=30,from:d="start"}=a,u=r(o),f=e.timeline({delay:i});return u.forEach(e=>{const r=new t(e,{type:"words"});f.from(r.words,{opacity:0,y:l,duration:n,ease:s,stagger:{each:c,from:d},force3D:!0},0)}),f},exports.wordRotateIn=function(o,a={}){const{duration:n=.8,ease:s="power2.out",delay:i=0,stagger:c=.1}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"words"});d.from(r.words,{opacity:0,rotationY:-90,transformOrigin:"left center",transformPerspective:800,duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.wordScaleIn=function(o,a={}){const{duration:n=.6,ease:s="back.out(1.7)",delay:i=0,stagger:c=.08}=a,l=r(o),d=e.timeline({delay:i});return l.forEach(e=>{const r=new t(e,{type:"words"});d.from(r.words,{opacity:0,scale:0,transformOrigin:"center center",duration:n,ease:s,stagger:c,force3D:!0},0)}),d},exports.wordSlideAlternate=function(o,a={}){const{duration:n=.8,ease:s="power3.out",delay:i=0,stagger:c=.08,distance:l=50}=a,d=r(o),u=e.timeline({delay:i});return d.forEach(e=>{new t(e,{type:"words"}).words.forEach((e,t)=>{u.from(e,{opacity:0,x:t%2==0?-l:l,duration:n,ease:s,force3D:!0},t*c)})}),u};