{"repo":"Txemalon/3d-portfolio","free":true,"listed":false,"github":"https://github.com/Txemalon/3d-portfolio","clone":"git clone https://github.com/Txemalon/3d-portfolio.git","description":"Interactive 3D developer portfolio built with Next.js 16, React Three Fiber & Tailwind CSS. Features a mechanical keyboard hero scene, seasonal themes, bilingual support (ES/EN), and smooth scroll animations.","language":"TypeScript","stars":27,"topics":["3d-web","nextjs","portfolio","portfolio-website","react-three-fiber","tailwindcss","threejs","typescript"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"3D Developer Portfolio An immersive, interactive developer portfolio built with Next.js 16 , React Three Fiber , and Tailwind CSS v4 . Features a 3D mechanical keyboard hero scene, seasonal themes, smooth scroll animations, bilingual support (ES/EN), and a fully responsive design. Live Demo &nbsp; &nbsp; Built by Txema Albero --- Highlights - Interactive 3D Keyboard — A full mechanical keyboard rendered with React Three Fiber and Three.js. Keys react to real keypresses with physics-based animations and sound effects. - Seasonal Themes — Four complete visual themes (Winter, Spring, Summer, Autumn) that re-skin the entire UI — colours, gradients, and 3D scene lighting — with a single click. - Project Showcases — Modal dialogs with image carousels, tech stack chips, and links to live demos and source code. - Bilingual (ES/EN) — Lightweight custom i18n layer with zero external dependencies. Language toggle persists across sections. - Smooth Scroll & Reveal Animations — Powered by Lenis for buttery smooth scrolling with intersection-observer-based reveal effects. - Custom Cursor & Magnetic Targets — A custom cursor that morphs on interactive elements, with magnetic snap behaviour on buttons. - Responsive & Mobile-First — Optimised for recruiters reviewing on phones. WebGL performance and touch interactions are first-class concerns. - Security Headers — HSTS, X-Frame-Options, Content-Type-Options, Referrer-Policy, and Permissions-Policy configured out of the box. Tech Stack Layer T","default_branch":null,"files":null,"tree":[],"storefront":"/r/Txemalon","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Txemalon/3d-portfolio/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}