This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.

Overview

Linear Vaporwave Three.js scene

This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.

Demo

Head over to https://linear-vaporwave-three-js.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.

Getting started

First, install the dependencies:

npm i
# or
yarn

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You might also like...

I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".

Countdown-Birthday-Fireworks-Animation I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna com

Dec 31, 2022

Animation library build on top of web animation API (WAAPI)

unanime.js Javascript animation library build on top of web animation API (WAAPI). Learn more about WAAPI: Web animation API Documentation Blog Daniel

Jun 21, 2022

A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.

Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima

Jun 4, 2022

The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Nov 15, 2022

All five assignments and the final group project is done in class CSCI5410 (Serverless Data Processing) Fall 2021 of MACS at Dalhousie University.

Dalhousie University | Fall 2021 | CSCI5410 | SDP (Serverless Data Processing) All five assignments and the final group project is done in class CSCI5

Dec 26, 2021

Formfunctional2021 - This was my very last project of 2021 I just made more revisions to it so yeah enjoy!

FORM FUNCTIONAL 2021 Hello everyone! This project was inspired by the Traversy Media React Crash Course 2021! Basically, what I did was that I took th

Jan 2, 2022

Reveal CSS animation as you scroll down a page

WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set

Jan 8, 2023

Semantic Release plugin to create and publish NuGet packages.

semantic-release-nuget semantic-release plugin to create and publish a NuGet package. Step Description verifyConditions Verify the presence of the NUG

Jan 2, 2023

Klecks is the official open-source release of the community-funded online painting app Kleki.

Klecks is the official open-source release of the community-funded online painting app Kleki.

Klecks (German for "splash of color", pronounced "clex") is the official open-source release of the community-funded online painting app Kleki. Klecks

Dec 27, 2022
Comments
  • License

    License

    Hey @MaximeHeckel,

    thanks for this awesome project, it totally inspired me and I want to build on top of it (of course I reimplemented everything as I'm also in the process of learning ThreeJS). But I was wondering what kind of license you want for this?

    Cheers, Tim

    opened by TimPietrusky 2
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).

spring-easing NPM | Github | Docs | Licence Quick and easy spring animations. Works with other animation libraries (gsap, animejs, @okikio/animate, mo

Okiki Ojo 34 Dec 14, 2022
Recreating the Airbnb frontend with Vivid!

Airbnb Clone Building an Airbnb clone with Vivid - the in-browser styling editor that makes Tailwind CSS even faster. Hacktoberfest 2022! Getting Star

Aryaman Khandelwal 13 Dec 19, 2022
Chrome extension that uses vulnerabilities CVE-2021-33044 and CVE-2021-33045 to log in to Dahua cameras without authentication.

DahuaLoginBypass Chrome extension that uses vulnerability CVE-2021-33044 to log in to Dahua IP cameras and VTH/VTO (video intercom) devices without au

null 71 Nov 26, 2022
Make a release for Jitsi test browser page (minify js/css files, pack the app in one file).

JitsiTestBrowserTool This tools allows you to make a release for Jitsi test browser page (minify js/css files, pack the app in one file). /!\ Not work

GIP Renater 4 Aug 15, 2022
This is my first attempt in creating a mern stack ecommerce website. Hope you like it!!

MERN E-COMMERCE PROJECT Hi! My name is Suhrrid Banerjee, This is my first attempt in creating a MERN stack e-commerce website. Prerequisite Nil Env Va

Suhrrid Banerjee 1 Jan 8, 2022
Attempt to replicate the visuals of late 80s / early 90s flight simulators

Retro Fligh Simulator Quick and dirty attempt to replicate the visuals of late 80s / early 90s flight simulators, using as a reference MicroProse's F-

Ruben Moreno Montoliu 70 Dec 15, 2022
Attempt at remaking Chatsounds processor in JavaScript.

sh A chatsound processor written in JS. Installation Run npm install github:NonagonNetwork/sh to install. Browser Preface :echo, :lfopitch and :lfovol

Litterbin Collective 7 Dec 25, 2022
My terrible attempt at a promposal. Update: She said yes LMFAO Update Update: I got friendzoned right after 😭

TypeScript Next.js example This is a really simple project that shows the usage of Next.js with TypeScript. Deploy your own Deploy the example using V

John Li (Tet) 7 Oct 27, 2022
Attempt #2 at creating a game engine with Sciter.

JogoMaker Attempt #2 at creating a game engine with Sciter, with love and care. For Attempt #1, see this project, which was hastily thrown together as

null 3 Sep 5, 2022
End-to-End sync Linear.app and GitHub

Initially created by Spacedrive, now maintained by Cal.com and Neat.run Linear to GitHub Sync This is a system to synchronize Linear issues to GitHub

Cal.com, Inc. 87 Jan 3, 2023