DWYL website 2.0

An alternative to the original dwyl site.

This is a simpler and revamped version of the original dwyl website. Meant to serve as a scrolling experience, this version adds 3D scenes, scrubbing animations and a minimalistic aesthetic.

You can find the original design prototype in Figma.

Technology

The website is developed with Typescript and React. Spline is used on 3D scenes and Gsap with Scrolltrigger for animations. TailwindCSS is used to style the page.

The website is bundled and served using Vite

Getting Started

Install

Install dependencies.

pnpm install

You can serve with hot reload at http://localhost:5173.

pnpm run dev

or alternatively using Vite commands or with the extension in Visual Studio.

Lint

pnpm run lint

Typecheck

pnpm run typecheck

Build

pnpm run build

License

This project is licensed under the MIT License.