https://github.com/exslym/tiny-world-3d
Animated portfolio website with 3D graphics (React, ThreeJS, TailwindCSS)
https://github.com/exslym/tiny-world-3d
3d-graphics animations emailjs javascript react react-spring-three react-three-drei react-three-fiber react-vertical-timeline-component tailwindcss threejs
Last synced: 4 months ago
JSON representation
Animated portfolio website with 3D graphics (React, ThreeJS, TailwindCSS)
- Host: GitHub
- URL: https://github.com/exslym/tiny-world-3d
- Owner: exslym
- Created: 2023-12-12T12:19:14.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-15T10:46:11.000Z (over 1 year ago)
- Last Synced: 2025-08-06T10:39:09.817Z (10 months ago)
- Topics: 3d-graphics, animations, emailjs, javascript, react, react-spring-three, react-three-drei, react-three-fiber, react-vertical-timeline-component, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://exslym.github.io/Tiny-World-3D/
- Size: 41 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## [Tiny-World-3D](https://exslym.github.io/Tiny-World-3D/)
[](https://exslym.github.io/Tiny-World-3D/)
### An outstanding animated 3D Developer Portfolio website with levitating island and flying models using 3D-graphics and animations with ThreeJS, React and Tailwind!
### GitHub Pages Deployment: [Tiny-World-3D](https://exslym.github.io/Tiny-World-3D/)
---
### 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:
- `SCSS` support via **sass**
- `Autoprefix` support via **postcss**
- `3D Effects` support via **ThreeJS**
- `Animation` support via **Framer Motion**
- `Styles` support via **TailwindCSS**