Memorables

Scroll Animations

Scroll animations that move as you scroll: text reveals, parallax and seamless page transitions.

Scroll animation ties motion to the scroll: as the page moves, text appears, images grow, sections pin and scenes change. Page transitions animate the move from one page to the next, so that a site feels continuous rather than a series of reloads. Both are what make a portfolio or a launch site feel crafted. This page gathers scroll effects, text reveals and page transitions from studio sites and portfolios, made with WebGL, WebGPU and JavaScript, by developers such as Aristide Benoist and Andrey Rybin.

17 works by 14 creators, newest added 11 November 2026. Each is credited to the people who made it and links to the original.

All 17 Scroll Animations

  1. Distortion Waves by Jakub Antalik — A screen transition for SwiftUI that turns a payment confirmation into a moment: the screen leans toward the tapped button, then a wave of colour carries it into the receipt.
  2. Custom Web Framework by Aristide Benoist — Website sections running on a creative development framework written from scratch in Rust and JavaScript, where a timing engine and a WebGPU mirror make painting galleries twist and bulge.
  3. glimm Spreadsheet Transition by Noman Ijaz — A shader transition from glimm, the React and Next.js library, where a single WebGL band of blurred light sweeps up an empty spreadsheet and leaves it filled with AI-generated deals.
  4. Angelo Portfolio Assistant by Angelo — A portfolio website with an AI chat assistant that talks about each case study, opening on DeFi Renaissance and changing its greeting as the visitor moves on to the next project.
  5. Banking Mobile App by Alex Herasov — A banking mobile app filmed in hand on an iPhone, where cards swipe like a deck and each screen slides out of the last, from adding a card to contacts and a holiday savings goal.
  6. aboichuk.com by Andrii Boichuk — A portfolio website for a UI/UX designer of Web3, fintech and AI products, filmed as one tilted, motion-blurred scroll that ends in a footer where his projects float in 3D.
  7. Glass Edges Carousel by Marcelo Cedeno — A carousel UI animation with liquid glass edges, where capsule cards bend like liquid as they reach the top and bottom of the screen and refraction smears them into rainbow fringes.
  8. born.com by s.engineering — A landing page for Born, the Berlin start-up behind AI companion apps, built in Framer around one typed promise of virtual friends and a live counter of AI friends created.
  9. jasonyuan.design by Jason Yuan — The personal portfolio website of a designer whose work runs from Apple and New Computer to Hivemind and Mercury OS, its narrow columns of projects scrolling at different speeds on black.
  10. WebGPU Morphing Engine by Aristide Benoist — A WebGPU morphing engine for page transitions, written into a custom Rust framework, where glyphs, numbers and outlines melt into one another through chromatic post-processing.
  11. Shrinking Scroll Text by Shawn — A scroll animation for reading interfaces, where each paragraph scales down and blurs as it leaves the view, a small detail that makes long text feel lighter to read.
  12. Stock App Prototype by Andrey Rybin — A fintech prototype built with Play and Rive for a stock app, where one gesture pulls the price chart down into a card to reveal the news behind it, then pushes it back.
  13. Leaflet Paper Fold by Moving Parts — A 3D paper fold scroll animation for websites, in which a leaflet opens in accordion, roll or gate folds as you scroll, real 3D in JavaScript and CSS, for Webflow or code.
  14. Gionatan Nese Portfolio by Gionatan Nese — A portfolio website built with GSAP and Three.js, where a chrome blob with a face floats through serif chapters and smears the headline as it passes, a GSAP Site of the Week.
  15. Native WebGPU Renderer by Aristide Benoist — A website framework rendered entirely in native WebGPU with a Rust back end and still readable by search engines, its page transitions folding layouts into a spinning fan of images.
  16. Angelo Portfolio by Angelo — A portfolio website for a designer of crypto brands and products, where the work orbits as glossy spheres around a violet one and a click opens it into a carousel of case studies.
  17. Five Into One by Tomoya Okada — A website preloader and page transition built from images, where a dot opens into a window of five flickering photos until one fills the screen, the hundredth numbered web demo.

Featuring work by

Aristide Benoist, Angelo, Jakub Antalik, Noman Ijaz, Alex Herasov, Andrii Boichuk, Marcelo Cedeno, s.engineering, Jason Yuan, Shawn, Andrey Rybin, Moving Parts, Gionatan Nese, Tomoya Okada.

Related topics

Browse by category

Topics