3d-portfolio Tailwind Templates

3d Portfolio

React | Next | React Three Fiber | Tailwind CSS | Framer Motion

3D Portfolio - #01

Hello and welcome to my current portfolio project!

In here you will find a project that will serve as a amazing portfolio boilerplate in case you ever want to clone it!

React | Next JS | React Three Fiber (and related plugins) | TailwindCSS

Installation

Install project dependencies by running:

  npm install

make sure the /public folder contains all 3D models that are being used in this project.

Running the project

With everything setup, to run the project simply execute:

  npm run dev

After the execution, you should see the web page open, and all 3D models loading correctly.

Docs on @react-three/fiber and @react-three/drei

React Three Fiber: @react-three/fiber

React Three Drei: @react-three/drei

Reference for this project:

Top categories

Loading Svelte Themes