portfolio-3d

# 3D Portfolio [R3F]
<div align="center">
 <img src='https://user-images.githubusercontent.com/78056869/181472860-136ef7ea-f92d-42f3-b978-706e6ab85b66.jpg' />
</div>
<br />

## Wave Shaders
<div align="center">
 <img src='https://user-images.githubusercontent.com/78056869/181474534-404a8b81-04f6-4031-84d4-9798239a1bf1.jpg' />
</div>
<br />

## Clump Physics
<div align="center">
 <img src='https://user-images.githubusercontent.com/78056869/181474076-3e877bf8-e382-4544-92a1-f5516e2fd9d3.jpg' />
</div>
<br />

##

## Stack
- [`nextjs`](https://nextjs.org/) &ndash; React Framework for Production
- [`typescript`](https://www.typescriptlang.org/) &ndash; JavaScript with syntax for types
- [`tailwind`](https://tailwindcss.com/) &ndash; Utility-first CSS framework
- [`threejs`](https://github.com/mrdoob/three.js/) &ndash; Lightweight, 3D library with a default WebGL renderer
- [`@react-three/fiber`](https://github.com/pmndrs/react-three-fiber) &ndash; React renderer for Threejs on the web and react-native
- [`@react-three/drei`](https://github.com/pmndrs/drei) &ndash; Useful helpers for react-three-fiber
- [`@react-three/gltfjsx`](https://github.com/pmndrs/gltfjsx) &ndash; Turns GLTFs into JSX components
- [`@react-three/postprocessing`](https://github.com/pmndrs/react-postprocessing) &ndash;  Postprocessing wrapper for react-three-fiber
- [`react-spring`](https://react-spring.dev/) &ndash; Javascript animation


portfolio-3d

README

3D Portfolio [R3F]

Wave Shaders

Clump Physics

Stack