https://github.com/maximeheckel/linear-vaporwave-react-three-fiber
The React-three-fiber equivalent of https://github.com/MaximeHeckel/linear-vaporwave-three.js
https://github.com/maximeheckel/linear-vaporwave-react-three-fiber
Last synced: 3 months ago
JSON representation
The React-three-fiber equivalent of https://github.com/MaximeHeckel/linear-vaporwave-three.js
- Host: GitHub
- URL: https://github.com/maximeheckel/linear-vaporwave-react-three-fiber
- Owner: MaximeHeckel
- License: mit
- Created: 2022-01-31T04:24:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-16T20:48:30.000Z (over 2 years ago)
- Last Synced: 2025-02-27T15:07:49.567Z (4 months ago)
- Language: JavaScript
- Homepage: https://linear-vaporwave-react-three-fiber.vercel.app
- Size: 152 KB
- Stars: 27
- Watchers: 3
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Linear Vaporwave Three.js scene
This project is an attempt at recreating the WebGL animation featured in the [2021 Linear release page](https://linear.app/releases/2021-06).
## Demo
Head over to https://linear-vaporwave-react-three-fiber.vercel.app/ to see the project live.
## Learn how it's built
I dedicated a blog post on how I implemented this scene 👉 [Building a Vaporwave scene with Three.js](https://blog.maximeheckel.com/posts/vaporwave-3d-scene-with-threejs/).
## Getting started
First, install the dependencies:
```bash
npm i
# or
yarn
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.