lenis

There are 1 repository under lenis topic.

• 14islands / r3f-scroll-rig

  A react-three-fiber scroll-rig for syncing 3D meshes and DOM elements.

  lenisreact-three-fibersmoothscroll
  Language:TypeScript 618
• satus

  darkroomengineering / satus

  App router Next.js starter template

  nextjslenisgsapstartersatusstorybloktheatrejsapprouterboilerplateexamplestarter-kitvercel
  Language:HTML 363

• darkroomengineering / react-lenis

  Lenis react wrapper

  lenisreact
  Language:JavaScript 209

• codrops / ScrollAnimationsGrid

  Various effects for images when scrolling a page with a grid.

  gsap-scrolltriggerlenisscrolling
  Language:HTML 96

• codrops / LoopScrolling

  Infinite loop scrolling based on the animation seen on Bureau DAM.

  gsaplenisscrolling
  Language:HTML 35

• codebucks27 / Smooth-Scroll-Next.js

  Implement smooth scrolling in Next.js with the help of Lenis scroll and add parallax effect using GSAP.

  gsapgsap-scrolltriggergsap3lenisnextjsparallaxparallax-effectparallax-scrollingsmooth-scrollsmooth-scrolling
  Language:JavaScript 31

• kadetXx / nuxt-gsap-starter

  Nuxt3 + Gsap + Lenis Starter Template

  gsaplenisnuxt
  Language:SCSS 25

• sytanta / svelte-lenis

  A Lenis smooth scroll website clone made with SvelteKit

  demogsaplenissmooth-scrollingsmoothscrollsveltesveltekitthreejs
  Language:Svelte 25

• AliBagheri2079 / dennis-snellenberg-portfolio

  This Layout made with Next.js, Next.js Cloudinary, Framer Motion, Gsap, Lenis, Styled Component, Lucide Icons, React Wrap Balancer, Tailwind and Postcss.

  framer-motiongsaplenisnext-cloudinarynextjsstyled-componentstailwindcss
  Language:JavaScript 20

• abirtasrif / immemorial

  Take a trip down memory lane with Immemorial - the ultimate resource for 90s nostalgia! Explore beloved TV shows, music, and cartoons with easy filtering functionality. Keep up-to-date with all your favorites from the golden era of the 90s.

  gsaplenisreactspa
  Language:JavaScript 19

• benoitdelorme / a-grid-rotation-concept

  💫 A grid rotation concept. With Lenis and CSS transforms

  animationcsslenistransforms
  Language:HTML 14

• Drish-xD / Devfolio

  Creative Portfolio

  gsaplenisnextjsportfolioapp-routernextjs14scss
  Language:TypeScript 14

• DmitriNaumov / gsap-scroll-slider

  Demo

  slideranimationgsapgsap-scrolltriggergsap3lenislodashlodashjsscrollscrollingsmoothsmooth-scrolling
  Language:HTML 13

• tufaelahmedbd / immemorial

  Immemorial is a website focused on 90's music items. It uses ReactJS and GSAP to deliver a smooth user experience with eye-catching animations. The website is designed to provide an enjoyable and memorable way to explore classic 90's music items.

  gsaplenisreactjs
  Language:JavaScript 13

• ArielAlzogarayFlores / awesome-parallax-effect

  An awesome parallax effect developed with Framer-Motion, Lenis Scroll and NextJS

  framer-motionlenisnextjs13
  Language:TypeScript 11

• sakayat / nft_gsap

  gsap-animationlenisreactjssmooth-scrolling
  Language:JavaScript 11

• benoitdelorme / nuxt3-lenis

  ✨ Nuxt 3 wrapper for Lenis

  gsapgsap-scrolltriggerlenisnuxt3
  Language:Vue 10

• fiqryq / scroll

  simple scroll animation site using vite vanila.

  animationgsaphtmllenis
  Language:CSS 6

• itsmartashub / wg--nuxt-lenis-gsap-st

  Nuxt 3 Seamless Transition Between Pages. Gsap, ScrollTrigger, Scroll Lenis - Amazing Tutorial by WEB GUY

  gsap-scrolltriggergsap3lenisnuxt3page-transitionspage-transitions-nuxtsmooth-scrolling
  Language:Vue 6

• oleksaYevtush / healthMantra

  🧘🏼‍♀️Website about yoga created with TypeScript, Tailwind CSS. Using Framer - motion animation, scrolling - Lenis, contact form: react-hook-form

  framer-motionlanding-pagelenisreact-hook-formtailwindcsstypescriptusespring
  Language:TypeScript 4

• somespecialone / potiah

  Vue.js wrapper for Locomotive Scroll 🚂

  componentlenislocomotive-scrollscrolltypescriptvuevue3
  Language:TypeScript 4

• dhavalveera / lenis-gsap-nextjs

  Lenis + GSAP Animation in Nextjs

  gsapgsap-animationgsap-scrolltriggerlenisnextnextjsnextjs13
  Language:TypeScript 2
• NeuralCouture-Storefront

  EduardStroescu / NeuralCouture-Storefront

  Headless Shopify Storefront using React-Three-Fiber on the frontend.

  clsxemailjsformik-yuphydrogenlenisreact-intersection-observerreact-three-dreireact-three-fiberreact-three-postprocessingremixtailwindthreejs
  Language:JavaScript 2

• Faeq-F / faeq-f.github.io

  My Personal Site!

  jekyll-sitewebsitepersonal-websitepersonal-siteprofilepersonalpersonal-portfoliopersonal-portfolio-websiteportfolioportfolio-siteportfolio-websitelenis
  Language:HTML 2

• maelacudini / HorizontalScroll-GSAP

  Simple Horizontal Scroll with GSAP

  cssgsaphorizontal-scrollinghtmllenisjavascript
  Language:HTML 2

• phucbm / cuajs

  A holy cua library to create a horizontal scrolling page.

  horizontal-scrollinglenissmooth-scrolling
  Language:JavaScript 2

• benoitdelorme / how-to-use-lenis

  🪄 Simple Use Case to use Lenis

  animationlenisscroll
  Language:CSS 1

• mescalas / 3D-earth

  framer-motionlenisreact
  Language:TypeScript 1

• pravusagar / arovedwellness.com

  Aroved Wellness is a website tailored for spa owners, offering a sophisticated platform to showcase spa services. The repository includes the frontend code, highlighting features like a spa-specific user-friendly interface, responsive design, and interactive elements.

  css3font-awesomegsapgsap-animationgsap-scrolltriggerhtml5javascriptjquerylenisphpsplidejssql
  Language:CSS 1

• rlanrid / react-project2023

  React와 GSAP를 이용해서 포트폴리오 사이트를 작업하였습니다.

  firebasegsaplenisreact
  Language:JavaScript 1

• sakibb77 / portfolio

  "A dynamic and interactive personal portfolio built with WebGL, Tailwind CSS, and React. Showcasing my skills, experiences, and projects with a unique and eye-catching design. Built to deliver a seamless user experience and highlight my abilities in a memorable and captivating way."

  jabascriptreactjstailwindcssgsapleniswebgl
  Language:JavaScript 1

• selimdev00 / twoe

  🍿 Movie catralog website

  csshtmllenismixinsreactscssswipernextnextjsreactjs
  Language:TypeScript 1

• siddiqss / fashion-website

  Fashion website built with Next.js, Framer-motion, Lenis scroll and GSAP

  framer-motionlenisnextjs
  Language:JavaScript 1

• tufaelahmedbd / my-portfolio

  This is my personal portfolio website, showcasing my skills and projects through interactive animations and dynamic graphics using ReactJS, TailwindCSS, GSAP, and WebGL. The site is designed with a clean and modern look, utilizing TailwindCSS for responsive design.

  gsaplenisreacttailwindcsswebgl
  Language:JavaScript 1

• Whizzie99 / groove-studios-web-frontend

  website for a groove studios; a wedding videography company

  gsaplenisnextjs13typescript
  Language:TypeScript 1

• tulepbergenov / kuma-app

  Course aggregator 📚

  feature-sliced-designframer-motionlenisnext-themesnextjsnprogressreacttailwindcsstypescriptwrap-balancer
  Language:TypeScript