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 625
• satus

  darkroomengineering / satus

  App router Next.js starter template

  nextjslenisgsapstartersatusstorybloktheatrejsapprouterboilerplateexamplestarter-kitvercel
  Language:JavaScript 370

• 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 33

• 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 26

• kadetXx / nuxt-gsap-starter

  Nuxt3 + Gsap + Lenis Starter Template

  gsaplenisnuxt
  Language:SCSS 26

• sytanta / svelte-lenis

  A Lenis smooth scroll website clone made with SvelteKit

  demogsaplenissmooth-scrollingsmoothscrollsveltesveltekitthreejs
  Language:Svelte 25

• 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

• 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.

  reactjsgsaplenis
  Language:JavaScript 15

• benoitdelorme / a-grid-rotation-concept

  💫 A grid rotation concept. With Lenis and CSS transforms

  animationcsslenistransforms
  Language:HTML 14

• DmitriNaumov / gsap-scroll-slider

  Demo

  slideranimationgsapgsap-scrolltriggergsap3lenislodashlodashjsscrollscrollingsmoothsmooth-scrolling
  Language:HTML 14

• Drish-xD / Devfolio

  Creative Portfolio

  gsaplenisnextjsportfolioapp-routernextjs14scss
  Language:TypeScript 14

• 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-motionlenistailwindcsstypescriptusespringreact-hook-formlanding-page
  Language:TypeScript 5

• somespecialone / potiah

  Vue.js wrapper for Locomotive Scroll 🚂

  componentlenislocomotive-scrollscrolltypescriptvuevue3
  Language:TypeScript 4

• maelacudini / HorizontalScroll-GSAP

  Simple Horizontal Scroll with GSAP

  cssgsaphorizontal-scrollinghtmllenisjavascript
  Language:HTML 3

• 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-sitelenispersonalpersonal-portfoliopersonal-portfolio-websitepersonal-sitepersonal-websiteportfolioportfolio-siteportfolio-websiteprofilewebsite
  Language:HTML 2

• FunTechInc / sauce

  🥫 This is our 秘伝のタレ, means hidden sauce

  nextjsreactjstypescriptboilerplategsaplenisstarter-kitstarter-templateapprouter
  Language:SCSS 2

• phucbm / cuajs

  A holy cua library to create a horizontal scrolling page.

  horizontal-scrollinglenissmooth-scrolling
  Language:JavaScript 2

• devwithzain / parallax-components

  This repository contains the code for various parallax components projects developed by Zain Ali.

  framer-motionlenisnextjsreactjstailwindcsstypescript
  Language:TypeScript 1

• Krishnendu-1 / portfolio.github.io

  It is a frontend project cum my personal website to scale up my frontend skills. This project is built with the help of HTML, CSS, JS, LENIS.

  css3html-css-javascripthtml5jslenislenis-js
  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

• 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

• waleed46shah / project_3dEarth

  Inspired from Min Pham's website, This project shows a 3d on-scroll rotating Earth 3d model, and a List with Clipping mask text animation on scroll and also, clip path menu fill animation on hover

  clip-pathframer-motionframer-motion-3dfrontendlenisnextjsreact-three-fibersasssmooth-scrollingweb-animation
  Language:JavaScript 1

• Whizzie99 / groove-studios-web-frontend

  website for a groove studios; a wedding videography company

  gsaplenisnextjs13typescript
  Language:TypeScript 1