Skip to content
Jul 2025Solo Developer3D GRAPHICSCREATIVE TECHPERFORMANCE

3D Portfolio

A space-themed portfolio built as an interactive experience

My first 3D portfolio brings together React, Three.js, React Three Fiber, and a Spline skills keyboard in a responsive space-themed website.

3D Portfolio interactive showcase screen 1
the challenge

3D scenes can be visually engaging while still slowing a page or trapping touch gestures on mobile.

architectural approach

I combined React Three Fiber scenes with a Spline keyboard, used motion selectively throughout the page, and set lower canvas pixel ratios on mobile. A simpler keycap experience supports smaller screens.

what shipped

The deployed site is a working creative portfolio with interactive 3D scenes, motion-led navigation, projects, achievements, skills, and a contact flow.

3DINTERACTIVE SCENES
SplineSKILLS KEYBOARD
MobileADAPTIVE EXPERIENCE
System Blueprint

Technical Specs & Highlights

Technologies & Architecture8 core technologies
3D & Graphics
Three.jsReact Three Fiber@react-three/dreiSpline
Frontend & Motion
ReactJavaScriptGSAPFramer MotionTailwind CSS
Build & Delivery
ViteVercelGit & GitHub
Core Engineering Highlights
01

Built desktop and Earth scenes with React Three Fiber.

02

Integrated a Spline keyboard with hover-driven skill content.

03

Tuned canvas pixel ratios for desktop and mobile devices.

04

Combined animations, project cards, and contact into one responsive experience.

Looking for this skill set?

Jayant is open to full-stack engineering roles, internships, and high-impact software challenges.

more projects