portfolio-threejs-react Tailwind Templates

Portfolio Threejs React

3D Portfolio website built with React, Three.js, Tailwind CSS & Framer Motion

portfolio-threejs-react

Tutorial:

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial

Setup

Setup React app with Vite:

npm create vite@latest ./ -- --template react

Install and initiate tailwind:

npm i -D tailwindcss
npm i -D --legacy-peer-deps postcss autoprefixer
npx tailwindcss init -p

Install remaining dependencies:

npm i --legacy-peer-deps three @react-three/fiber @react-three/drei maath react-tilt react-vertical-timeline-component @emailjs/browser framer-motion react-router-dom

To Run:

npm run dev

Top categories

Loading Svelte Themes