hdknr / animation-samples

ScrollMagic, GSAP and More

Animation Samples

ScrollMagic

• ScrollMagic Documentation
• Controller
• Scene

GSAP

• Plugin:GSAP

ScrollOut.js

• ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!
• https://github.com/scroll-out/scroll-out
• CodePen Demos

Splitting.js

• https://splitting.js.org/
• Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!

SCSS

$ npm install -g sass
$ npx sass index.scss:index.css

$ npx sass --watch index.scss:index.css

Pug

• https://github.com/pugjs/pug
• https://pypi.org/project/pyjade/