https://github.com/nuhptr/apple-clone-threejs-gsap
✅🚀 Apple website clone, but adding Threejs, GSAP, and Tailwindcss
https://github.com/nuhptr/apple-clone-threejs-gsap
gsap react tailwindcss threejs vite
Last synced: 2 months ago
JSON representation
✅🚀 Apple website clone, but adding Threejs, GSAP, and Tailwindcss
- Host: GitHub
- URL: https://github.com/nuhptr/apple-clone-threejs-gsap
- Owner: nuhptr
- Created: 2024-03-16T07:53:55.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-26T15:06:16.000Z (about 2 years ago)
- Last Synced: 2025-08-17T14:02:06.235Z (10 months ago)
- Topics: gsap, react, tailwindcss, threejs, vite
- Language: JavaScript
- Homepage: https://apple-clone-threejs-gsap.vercel.app
- Size: 37.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apple Threejs and GSAP Implementation
Building a 3D Apple website using Threejs and GSAP.
## Install Tailwind CSS
```bash
bun add -D install tailwindcss postcss autoprefixer
npx tailwindcss init -p
```
## General Dependencies
- [@gsap/react](https://www.npmjs.com/package/@gsap/react)
- [gsap](https://www.npmjs.com/package/gsap)
- [three](https://www.npmjs.com/package/three)
- [@react-three/fiber](https://www.npmjs.com/package/@react-three/fiber)
- [@react-three/drei](https://www.npmjs.com/package/@react-three/drei)
- [@sentry/react](https://www.npmjs.com/package/@sentry/react)
- [@sentry/vite-plugin](https://www.npmjs.com/package/@sentry/vite-plugin)
## Add @react-three as plugin in eslint
Create project on sentry.io then you can choose on terminal when you run the wizard.
- plugins: ["react-refresh", "@react-three"],
- Install @sentry/react
- Add some init code in main.jsx
- run npx @sentry/wizard@latest -i sourcemaps
- Will added @sentry/vite-plugin