Typespace is a creative 3D web experience where the text "SAN FRANCISCO" floats inside a cinematic digital space inspired by the city of San Francisco. The project focuses on motion, atmosphere, and immersive visuals to create a futuristic experience directly in the browser.
- 🌉 San Francisco-inspired 3D environment
- 🔠 Floating cube-based typography
- 🎥 Smooth camera movement and rotation
- 🌌 Immersive city atmosphere
- 📱 Responsive experience across devices
Typespace explores the idea of blending typography with immersive 3D environments to create a futuristic visual experience. The project aims to make users feel as if floating text exists naturally inside a cinematic digital version of San Francisco, combining motion, atmosphere, and minimal design into an interactive web experience.
- Next.js
- TypeScript
- Three.js
- Tailwind CSS
Clone the repository:
git clone https://github.com/sajanbodele/Typespace.gitGo to the project folder:
cd TypespaceInstall dependencies:
pnpm installRun the development server:
pnpm dev
Deployed using Vercel.