/threejs-and-animejs

Usage examples for three JS( 3d library) and anime JS(animation effects)

Primary LanguageJavaScript

Threejs JavaScript CSS3

THREE JS AND ANIME JS

This is an experimental project using three js and anime js to make three dimensional effects and animations in a website. This project was bootstraped with Vite.

Checkout the live website in action on this video.

Watch the video

Local Development

Clone the repository using git and move into the folder,

git clone https://github.com/harisankar01/threejs-and-animejs.git
cd threejs-and-animejs

Install the dependencies with npm

npm install

To view space visualized inside a web browser,run the development server with the following command,

npm run dev

TOOLS USED

The important libraries used in this project are:

  • Three js: An library to make 3d effects and make your site feel alive Three js
  • Anime js: An library to make efects and animations. Very smooth and scalable animations can be made using the library Anime js