https://github.com/sytanta/svelte-lenis

A Lenis smooth scroll website clone made with SvelteKit
https://github.com/sytanta/svelte-lenis

demo gsap lenis smooth-scrolling smoothscroll svelte sveltekit threejs

Last synced: 11 months ago
JSON representation

A Lenis smooth scroll website clone made with SvelteKit

Host: GitHub
URL: https://github.com/sytanta/svelte-lenis
Owner: sytanta
Created: 2023-04-05T11:46:13.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-04-08T15:36:31.000Z (about 3 years ago)
Last Synced: 2025-06-22T21:05:39.016Z (12 months ago)
Topics: demo, gsap, lenis, smooth-scrolling, smoothscroll, svelte, sveltekit, threejs
Language: Svelte
Homepage: https://svelte-lenis.vercel.app
Size: 636 KB
Stars: 44
Watchers: 2
Forks: 10
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# svelte-lenis

WIP - this is a clone of the Lenis smooth scroll website done in SvelteKit, aims at implementing the same visual effect with much fewer dependencies.

Here's the original React version: [`Lenis smooth scroll`](https://github.com/studio-freight/lenis/tree/main/website)

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.