(09)3D & Visualization
Xiaomi 14 CIVI
Interactive 3D product showcase
Overview
Interactive 3D showcase for the Xiaomi 14 CIVI with an animated model presentation and scroll-driven interactions. One of several 3D product showcases built for Xiaomi.
Highlights
- 01Animated 3D presentation of the Xiaomi 14 CIVI handset
- 02Scroll-driven camera and model animation with GSAP
- 03One of several 3D product showcases built for Xiaomi
- Timeline
- Nov 2024 – May 2025
- Team
- Built with one other developer across two showcase builds
- Category
- 3D & Visualization
My role
Freelance engineer
Built the 3D scene and scroll-driven animation with React Three Fiber and GSAP; one of several 3D product showcases I built for Xiaomi.
Owned
- 3D / WebGL
- Animation
- Frontend
Tech
- Frontend
- React
- Zustand
- Tailwind CSS
- 3D & motion
- React Three Fiber
- Three.js
- Drei
- GSAP
- Infrastructure & tooling
- Vite
- Vercel