Vigyata.AI
Is this your channel?

My portfolio website can ROTATE šŸ‘¾ (Spline 3D!)

4.9K viewsĀ· 241 likesĀ· 7:38Ā· Mar 12, 2026

šŸ›ļø Products Mentioned (6)

BETTER CODER - https://v2.scrimba.com/?via=lifeofgaurz (UNLOCK 20% OFF) ENTER IF YOU DARE - https://y2k-portfolio-site-c9nl.vercel.app/ Curious about integrating dynamic visuals into your web projects? In this video, I enhance my existing personal portfolio website by incorporating a captivating 3D room scene using spline. Watch the process as I take inspiration from the RedBull Racing website to elevate my website design, adding a unique touch that showcases motion graphics. šŸ“Œ What You'll See: Full coding process from start to finish Real-time challenges and solutions Tips for rapid web development šŸ“… Episode Breakdown: 00:00 intro 00:47 PLANNING & my UNIQUE IDEA 02:22 FIRST ITERATION 04:23 My weird room design 08:18 My future ideas šŸ“š My Favorite Resources & Tools * Audible šŸ“–: https://www.amazon.de/hz/audible/mlp?... * Notion šŸ“: https://ntn.so/LifeofGaurz * Scrimba to Learn to Code!! https://scrimba.com/?via=lifeofgaurz šŸŽ¶ Music & Editing: * Epidemic Sound šŸŽ§: https://share.epidemicsound.com/rc6lgm šŸ‘‹ Let's Connect: * Instagram : @lifeofgaurz - https://www.instagram.com/lifeofgaurz... * Business Inquiries : gaurijoshi.business@gmail.com --- FEATURED TOPICS: Full Stack Development JavaScript Programming React Development Software Architecture Tech Career Growth Berlin Tech Scene Programming Tips Web Development Coding Tutorial Developer Productivity About Me: Tech-focused content by Gauri, a Senior Software Engineer based in Berlin (originally from Singapore šŸ‡øšŸ‡¬). Specialized in full stack development, web applications, and modern JavaScript frameworks. Join our growing community of 20,000+ developers and tech enthusiasts! #softwareengineer #FullStackDeveloper #CodingTutorial #WebDevelopment #TechVlog #ProgrammerLife #BerlinTech #JavaScriptDeveloper #ReactJS #TechCareer #CodeLife #WomenInTech #TechTutorial #DeveloperVlog #SoftwareDevelopment #ProgrammingHumor #CodingLife #TechIndustry #BerlinStartups #DevLife #SquidGame #WebDevelopment #JavaScript #CodingProjects #GameDev #WebGL #ReactJS #Programming #TechTutorial #BerlinTech Some of the links above are affiliate links that help support this channel at no additional cost to you. Thank you for watching and supporting! šŸŽ‰ Hit Subscribe to join the 30,000+ community exploring the world of tech, design, and development!

About This Video

There’s a website I couldn’t stop thinking about: the Red Bull Racing one with a fully rotating 3D F1 car. And it made me spiral into this thought: wait… this is what websites can look like? This is allowed? So I looked at my own Y2K portfolio (yes, it has Facebook pokes and a Windows 98 paint tool) and realized it had exactly zero 3D. Naturally, I decided to ā€œquicklyā€ fix that by adding a rotating 3D scene with Spline. What I thought would be a super math-heavy 3D problem (hello, matrices) turned out to be… basically Figma with a 3D viewport. I planned a cozy ā€œtech sisā€ corner room—curved monitor, mechanical keyboard, couch + blanket, plants, carpet—and then immediately struggled because I was on a trackpad and kept melting my walls by accident. The big unlock: I didn’t need to model anything from scratch. I pulled legit 3D assets from Sketchfab, assembled the room in Spline, and embedded it into my site with an iframe. Then reality hit: layout clipping, slow loading, non-responsive mobile, and a watermark because I refuse to pay for Spline. But it’s live, and it unlocked way bigger ideas—clickable objects that open projects, bookshelves for case studies, and even auto-generating wall art from the drawings people leave on my site. It’s messy, but it’s the start of a much cooler portfolio.

Frequently Asked Questions

šŸŽ¬ More from Life Of Gaurz