https://github.com/ariyanmlzm/threejs-nextjs-3dmobileshowcase
📱 3D app that can be used to showcase a Mobile with a Functional Screen that can display any Html content.
https://github.com/ariyanmlzm/threejs-nextjs-3dmobileshowcase
3dwebsite frontend javascript nextjs reactjs reactthreedrei reactthreefiber tailwindcss threejs typescript website
Last synced: 2 months ago
JSON representation
📱 3D app that can be used to showcase a Mobile with a Functional Screen that can display any Html content.
- Host: GitHub
- URL: https://github.com/ariyanmlzm/threejs-nextjs-3dmobileshowcase
- Owner: AriyanMLZM
- Created: 2025-09-29T07:31:49.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-29T08:56:14.000Z (9 months ago)
- Last Synced: 2025-09-29T10:08:29.972Z (9 months ago)
- Topics: 3dwebsite, frontend, javascript, nextjs, reactjs, reactthreedrei, reactthreefiber, tailwindcss, threejs, typescript, website
- Language: TypeScript
- Homepage: https://mobile-showcase-3d.vercel.app/
- Size: 1.83 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D Mobile Showcase
3D app that can be used to showcase a Mobile with a Functional Screen that can display any Html content.
[](https://www.youtube.com/watch?v=Y9GhI9Rv2qU)
[👆🏼 YouTube](https://www.youtube.com/watch?v=Y9GhI9Rv2qU)
[Preview](https://mobile-showcase-3d.vercel.app)
## Techs
Three.js
Next.js
Typescript
Tailwindcss
Blender
## Features
### Main
- Orbit Controls to explore the scene.
- Full Functional and Designable Mobile Screen.
### Technical
- Using **React-Three-Fiber** & **React-Three-Drei** to use the best of Three.js in React.js and Next.js.
- Using **Tailwindcss** for styling.
- Using **Typescript** for better development.
- Full designable **Mobile Screen with Html** content.
##
[](https://github.com/AriyanMLZM)