Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/exslym/my-portfolio-3d

3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)
https://github.com/exslym/my-portfolio-3d

3d-graphics animations emailjs framer-motion javascript maath react react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss threejs

Last synced: 2 months ago
JSON representation

3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)

Awesome Lists containing this project

README

        

## [My-Portfolio-3D](https://exslym.github.io/My-Portfolio-3D/)

[![preview](https://github.com/exslym/My-Portfolio-3D/blob/main/public/preview.jpg)](https://exslym.github.io/My-Portfolio-3D/)

### An outstanding and impressive 3D Developer Portfolio website using React, 3D-graphics and animations with ThreeJS and Framer Motion, and TailwindCSS!

### Vercel Deployment: [My-Portfolio-3D](https://my-portfolio-exslym.vercel.app/)

---

### Installation

```
npm install
```

### Start Dev Server

```
npm start
```

### Build Production Version

```
npm run build
```

### Preview Build Production Version

```
npm run serve
```

### Deployment on GitHub Pages (Optional)

```
npm run deploy
```

This adds gh-pages branch to your project github repository, deploys built project there, hosts the site via GitHub Pages.

---

### Features:

- `Legacy Browsers` support via **@vite/plugin-legacy** with built-in **babel**
- `SCSS` support via **sass**
- `Autoprefix` support via **postcss**
- `3D Effects` support via **ThreeJS**
- `Animation` support via **Framer Motion**
- `Styles` support via **TailwindCSS**