How are these full screen transitions done?

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • scroll-sequence-demo

    Example of how we create a sequence scrolling effect on sites using the SmoothScroll and GSAP ScrollTrigger libraries

  • fullPage

    fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • laxxx

    Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

  • Some js library for similar effect: LAX SCENE THREE (3D) GREEN SOCK

  • three.js

    JavaScript 3D Library.

  • Some js library for similar effect: LAX SCENE THREE (3D) GREEN SOCK

  • scenejs

    🎬 Scene.js is JavaScript & CSS timeline-based animation library

  • Some js library for similar effect: LAX SCENE THREE (3D) GREEN SOCK

  • GreenSock-JS

    GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  • Some js library for similar effect: LAX SCENE THREE (3D) GREEN SOCK

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts