One Space is an open-source personal space page template built with Next.js and Three.js, designed to showcase yourself through a 3D portrait scene and a single-page layout.
What is One Space?
One Space is a personal space page template dedicated to showing yourself, built on Next.js and Three.js. It renders a 3D model (Portrait of a Man from threedscans.com) as the centerpiece, surrounded by your name, bio, and links. The project is hosted on GitHub under the MIT license and can be deployed directly to Vercel via its one-click deploy badge. A live demo is available at about.songlh.top. The template is maintained by LHRUN and currently has 124 stars on GitHub.
Key Features
- Next.js and Three.js stack — Uses the React-based Next.js framework for the site structure and Three.js for WebGL 3D rendering of the portrait model.
- Pre-bundled 3D model — Comes with the Portrait of a Man scan from threedscans.com, so you get a realistic human bust without sourcing assets yourself.
- Vercel deployment support — Includes a "Deploy to Vercel" badge, making it straightforward to publish the site to Vercel's hosting platform.
- Google Fonts integration — Uses the Monoton display font and Bree Serif body font, loaded via Google Fonts, for a distinctive typographic look.
- Bilingual content — The readme and page text appear in both English and Chinese, reflecting the author's bilingual audience.
- Open source license — Released under the MIT license, allowing free use, modification, and redistribution with attribution.
- Single-page personal layout — Provides one-page structure for name, intro, and social links, typical for a personal about-me site.
Who is it for?
- Developers who want a personal about-me page that stands out with 3D visuals, and who are comfortable with Next.js configuration.
- Designers and creatives looking for a portfolio template with a custom 3D asset to display their aesthetic.
- Tech-savvy professionals who want to deploy a personal brand site to Vercel quickly using the provided deploy badge.
What can you do with One Space?
- Personal branding: Replace the placeholder text and links with your own name, bio, and social profiles to create a unique 3D personal landing page.
- Portfolio showcase: Swap the bundled Portrait of a Man model for your own 3D scan or model to create an interactive portfolio centerpiece.
- Learning project: Study how a Next.js app integrates Three.js for client-side 3D rendering, including model loading and font pairing.
Pricing
One Space is free and open source under the MIT license. There are no paid tiers or subscription fees.
FAQ
Is One Space free?
Yes, One Space is open source under the MIT license, so you can use, modify, and distribute it for free.
What tech stack does One Space use?
One Space uses Next.js as the React framework, Three.js for 3D rendering, Google Fonts for typography, and is deployed on Vercel.
Does One Space include a 3D model?
Yes, it bundles the Portrait of a Man model from threedscans.com. You can replace it with your own 3D asset.
Can I deploy One Space to Vercel?
Yes, the repository includes a "Deploy to Vercel" badge, and the live demo is hosted on Vercel.
