Demo

We did a small demo to showcase this library in action. This is the best place to see how the library works in a real world scenario. Check it out:

• Site URL: https://scrollytelling.basement.studio/ (opens in a new tab)
• Code: https://github.com/basementstudio/scrollytelling/blob/main/website/README.md (opens in a new tab)

Some useful examples

• Simple tweening: https://stackblitz.com/edit/react-ts-8rqm8k?file=App.tsx (opens in a new tab)
• With Lenis Smooth Scroll: https://stackblitz.com/edit/react-ts-uuwfed?file=App.tsx (opens in a new tab)
• Layered pinning: https://stackblitz.com/edit/react-ts-4dtlww?file=App.tsx (opens in a new tab)
• Three.js Tube: https://codesandbox.io/s/978cns?file=/src/App.js (opens in a new tab)
• Horizontal scroll: https://stackblitz.com/edit/stackblitz-starters-fx6y3a (opens in a new tab)