KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #cli #claude-code #mcp #rust #deepseek-harness #ai-agent

ariyanmlzm.github.io

★ 38 Open GitHub ↗

🙎🏻‍♂️ 3d portfolio created with Three.js and React.js with Gsap power of animation.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Ariyan's Burger - 3D

My full 3D portfolio with awesome interactions.

## Techs

<table>
  <tr align="center">
    <td>Three.js</td>
    <td>React.js</td>
    <td>Typescript</td>
  </tr>
  <tr align="center">
    <td><img src="https://i.postimg.cc/GhbBDr6z/threejs.png" width="35px" /></td>
    <td><img  src="https://i.postimg.cc/7LR71cSh/react.png" width="35px"/></td>
    <td><img src="https://i.postimg.cc/wjnzcgSY/ts.png" width="33px" /></td>
  </tr>
  <tr align="center">
    <td>Tailwindcss</td>
    <td>Gsap</td>
    <td>Blender</td>
  </tr>
  <tr align="center">
    <td><img src="https://i.postimg.cc/3NTknHN8/tailwind.png" width="40px" /></td>
    <td><img  src="https://i.postimg.cc/7L2wxs9z/gsap.png" width="40px"/></td>
    <td><img  src="https://i.postimg.cc/RVSScTCr/blender.png" width="40px"/></td>
  </tr>
  <tr align="center">
    <td>Vite</td>
    <td></td>
    <td></td>
  </tr>
  <tr align="center">
    <td><img src="https://i.postimg.cc/W1zX0WDB/vite.png" width="35px" /></td>
    <td></td>
    <td></td>
  </tr>
</table>

## Features

### Main

- Orbit controls to explore the scene.
- Interactive objects and animations in 3D scene.
- 2D Display screens to show the main content of portfolio.
- 3D music player with full functionality.
- Hidden interactive puzzle to solve.

### Technical

- Using **React-Three-Fiber** & **React-Three-Drei** to use the best of Three.js in React.js.
- Using **Gsap** for smooth camera animations.
- **Integrating Html** elements in 3D scene to use as display screens.
- Using **Tailwindcss** for styling.
- Using **Vite** as project builder.
- Complete **CSR** app with React.js.

[![](https://i.postimg.cc/pTq6WPjr/card.png)](https://github.com/AriyanMLZM)

ariyanmlzm.github.io

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README