orocoa

orocoaweb — Open-source bilingual portfolio template and setup guide

A customizable static portfolio with a point-cloud opening, device transitions, project browsing and English/Chinese content. Its public repository is named orocoa_web; the independent demo uses example copy and public project links.

Try the complete browsing flow

Open the demo and follow Home, Selected work, the device transition and Profile. Use All work to enter project details. The template supports touch browsing and reduced-motion preferences.

It uses HTML, CSS, JavaScript modules, Three.js, GSAP and Lenis. Browser libraries are included; no database, account or API key is needed.

Preview locally

Clone or download the public repository, prepare Node.js 22+ and run node scripts/serve.mjs from the project directory. Open the local address printed by the terminal. Local preview requires no npm install.

Read the repository structure before replacing the introduction, project copy, covers and external links. Check desktop and phone layouts, both languages and return navigation after changes.

Make it your own portfolio

Describe the problem, your contribution and where a visitor can try the project or inspect its code. Replace demo covers with authorized images and actual screenshots, and remove irrelevant example copy.

Before hosting, replace canonical URLs, social metadata and sitemap domains with your own. Applications linked from the portfolio are maintained in separate repositories; the template does not contain their complete implementations.

Licensing and practical limits

The website code is MIT licensed. Upstream motion work, fonts, icons and media retain their own terms; review LICENSE and the attribution notices before reuse.

This is a visual static template, without a CMS or publishing backend. Check point-cloud and WebGL behavior on your target devices and networks rather than assuming desktop results represent every environment.

Project links