Motion & animationMotion & animação
LenisLenis
A lightweight smooth-scroll library from darkroom.engineeringBiblioteca de scroll suave de baixo peso da darkroom.engineering
What it isO que é
A free, open source library that replaces native scrolling with smooth, controllable scrolling.
Biblioteca gratuita e open source que substitui o scroll nativo por uma rolagem suave e controlável.
What it’s forPara que serve
Use it on scroll-animation sites, especially when WebGL and the DOM need to stay in sync with scrolling.
Usar em sites de animação por scroll, principalmente quando WebGL e DOM precisam ficar sincronizados com a rolagem.
BenefitsVantagens
- Starts with a single new Lenis() call
- Keeps a consistent feel across mouse, trackpad and touch, with adjustable weight and speed
- Supports horizontal, infinite and snap scrolling and attaching to any element; under 5 kB
- Inicia com uma única chamada new Lenis()
- Mantém sensação consistente com mouse, trackpad e toque, com peso e velocidade ajustáveis
- Suporta scroll horizontal, infinito, snap e anexação a qualquer elemento; menos de 5 kB
CaveatsRessalvas
- Free and open source; the page doesn't name the license
- According to the maker, it avoids CSS transforms, hijacked scrollbars and accessibility losses
- There is a Framer plugin for people who don't code
- Gratuita e open source; a página não nomeia a licença
- Segundo o fabricante, evita transforms CSS, scrollbars sequestradas e perdas de acessibilidade
- Há um plugin para Framer para quem não programa
