Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luchoturtle/dwyl-site

👀 A POC of another dwyl landing page
https://github.com/luchoturtle/dwyl-site

Last synced: about 1 month ago
JSON representation

👀 A POC of another dwyl landing page

Awesome Lists containing this project

README

        



logo

DWYL website 2.0


An alternative to the original dwyl site.



This is a simpler and revamped version of the [original dwyl website](https://github.com/dwyl/dwyl-site). 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](https://www.figma.com/file/GDHHJkPqrmzCQBOSLn1RAN/DWYL?node-id=0%3A1).

## Technology

The website is developed with Typescript and React. [Spline](https://spline.design/) is used on 3D scenes and [Gsap with Scrolltrigger](https://greensock.com/gsap/) for animations. [TailwindCSS](https://github.com/tailwindlabs/tailwindcss) is used to style the page.

The website is bundled and served using [Vite](https://vitejs.dev)

## Getting Started

### Install

Install dependencies.

```bash
pnpm install
```

You can serve with hot reload at .

```bash
pnpm run dev
```

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

### Lint

```bash
pnpm run lint
```

### Typecheck

```bash
pnpm run typecheck
```

### Build

```bash
pnpm run build
```

## License

This project is licensed under the MIT License.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)