lenis
fullPage
| lenis | fullPage | |
|---|---|---|
| 4 | 27 | |
| 0 | 35,018 | |
| - | - | |
| 3.8 | 5.5 | |
| 3 months ago | about 2 months ago | |
| JavaScript | JavaScript | |
| - | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
lenis
-
Implement Smooth Scrolling & Parallax Effect in Next.js using Lenis and GSAP
Lenis Library
-
Setting up Locomotive Scroll and GSAP/ScrollTrigger with Nuxt 3?
The documentation is written on the github: https://github.com/studio-freight/lenis
-
GSAP ScrollTrigger vs ??? for Single Page Scrolling Websites?
As far as performance goes I think this library performs better than gsap https://github.com/studio-freight/lenis It's not stable yet though so I wouldnt take it to production
fullPage
- Horizontal scrolling website
-
Looking for what this scrolling page scrolling-stop effect is called
From what I can tell they're using fullpage.js: https://alvarotrigo.com/fullPage/ But, as mentioned CSS scrollsnap is also an option to explore.
- Looking for help figuring out what a certain design is called
-
Swipe navigation Nuxt3
Have you check fullPage.js?
-
Is there a way to make the scroll snap to one page at the time regardless of the mouse wheel speed?
https://alvarotrigo.com/fullPage/ I think you need this
-
Budget for sleek, modern website // Is this a template/off-the-self design?
It’s a nuxt app (vue) using full page JS
- How can I achieve non-smooth scrolling effect?
-
As a user, what things annoy you the most about websites?
Close to that. At least Tesla's website is using the css scroll snap behaviour. Closer to what I mean would be the FullPage.js library.
- I keep seeing this cool page scroll design… anyone know what it’s called/how to achieve it?
-
How do I make a scrolling effect like this. It stops scrolling in the page and scrolls in the same place through different elements.
Fullpag.js is what you're looking for.
What are some alternatives?
Pageable - Create full page scrolling web pages. No jQuery.
ScrollMagic - The javascript library for magical scroll interactions.
the-supersonic-plugin-for-scroll-based-animation - Extremely customizable 2kb javascript plugin for scroll based animation which animates 1000 elements without lags!
skrollr
scrollama - Scrollytelling with IntersectionObserver.
iscroll
universalSmoothScroll - A cross-browser smooth-scrolling API which supports multiple and interruptable scroll-animations on all DOM's elements, even at the same time!
parallax - Parallax Engine that reacts to the orientation of a smart device
kineticsroll - Simple Vanilla JS module and Svelte action that transforms a container into a momentum scroller
stellar.js - Stellar.js - Parallax scrolling made easy
between.js - Lightweight JavaScript (ES6) tweening engine
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.