This project was created with the goal of learning about the working of Three.js and animations in the frontend. It also utilizes Tailwind CSS and TypeScript for enhanced styling and type safety.
- Next.js
- Three.js
- Tailwind CSS
- TypeScript
- Implement Three.js to create interactive 3D animations
- Utilize CSS animations and Tailwind CSS for enhanced user experience and styling
- Leverage TypeScript for improved type safety and development experience
- Responsive design for optimal viewing on different devices
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/rayyan016/Vanadium.git
- Install dependencies:
yarn install
- Start the development server:
yarn dev
- Open your browser and navigate to
http://localhost:3000
Feel free to explore the code and experiment with different animations and effects. Happy coding!