yashsuthar00 /
threejs-journey
Learning THREEjs to build unique 3d websites
31/100 healthActive repository
JavaScriptNo license#3d-web#beginner-project#javascript#learning-threejs
⑂ 0 forks◯ 0 issuesUpdated Feb 13, 2025
Loading repository data…
Loading repository data…
Kapilan1998 / repository
Build unique 3D portfolio with React.js and Three.js
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
https://www.youtube.com/watch?v=E-fdPfRxkzQ&t=2484s https://github.com/adrianhajdin/3d-portfolio
full details
https://jsmastery.com/video-kit/c9dc559b-2d8d-453b-9671-edb8d0e63e3a
npm install gsap @gsap/react three @react-three/fiber @react-three/drei @react-three/postprocessing npm install tailwindcss @tailwindcss/vite npm i react-responsive - check which device user accessing, by that limiting some annimations cd .\public\models\ then execute 'npx gltfjsx optimized-room.glb' -> to convert glb file to jsx file for implememtation npm install react-countup npm i @emailjs/browser
for 3d models search in "sketchfab" website
create .env file and add below things, VITE_APP_EMAILJS_SERVICE_ID= VITE_APP_EMAILJS_TEMPLATE_ID= VITE_APP_EMAILJS_PUBLIC_KEY= we need to get value from https://dashboard.emailjs.com/admin/templates
Selected from shared topics, language and repository description—not editorial ratings.
yashsuthar00 /
Learning THREEjs to build unique 3d websites
31/100 healthsujoyduttajad /
This is a travel website that has a very unique JavaScript 3D parallax effect. Build with HTML, CSS & JS. This parallax is achieved by using a few GSAP plugins.
38/100 healthPro2311 /
🌐 Build an immersive 3D portfolio to showcase your skills in Game Development, AI, and Full-Stack Web Development. Explore a unique interactive experience.