Modern UI/UX Portfolio using React and Three.js
An experimental 3D web project using Next.js, Three.js, React Three Fiber, and postprocessing to display and animate a Blender model. Perfect for exploring interactive 3D web experiences.
Immersive 3D web experience built with Next.js and React Three Fiber. Features animated 3D models, smooth transitions, dynamic color changes, and WebGL interactions inspired by modern creative studio websites like dogstudio.co. Designed for performance, visuals, and experimentation.
FIRST VERSION - Butterfly-effect project is an example of landing page for self-care / mental health application, including Three.js scroll-driven animations.
A project-based Three.js learning repo from absolute beginner to advanced. Start with a single cube and go up to shaders, physics, and WebXR. Each folder is a standalone mini-project with explanations.
My website.
An immersive 3D web experience built with React Three Fiber, drei, and React.js 🌐✨. Smooth animations and a sleek, responsive design powered by TailwindCSS for a stunning user experience! 🚀
3d earth with an atmosphere and decorative bezier curves
Interactive sphere with info tags
Este projeto tem como objetivo recriar o design da página do site do iPhone 15 usando Vite, React, Three.js, React Fiber e React Drei.
Welcome to my 3D portfolio website, where i showcase my tech, hard and soft skills, built with reactJS, threeJs, react-fibre and react-drei, and of course with the help of supercharges tailwind css utility classes
Interactive 3D environmental dashboard built with React and modern web technologies for learning data visualization and UI design.
Interactive 3D portfolio website built with React, Three.js, and Framer Motion, featuring smooth Lenis scrolling, infinite skill animations, and a responsive, modern UI.
My portfolio website
A hex based board game built for Reactjam Spring 2025
Portfolio website v3 with React and Three.js
Full-stack architecture portfolio platform built with React, Laravel, and interactive 3D web technologies.
Add a description, image, and links to the react-drei topic page so that developers can more easily learn about it.
To associate your repository with the react-drei topic, visit your repo's landing page and select "manage topics."