Threejs PlayBook — Three.js 3D & AR on React Native (Android)
Hi everyone,
I’ve just released Threejs PlayBook on Google Play:
https://play.google.com/store/apps/details?id=com.vlabworks.threejsplaybook&pcampaignid=web_shareapp
Threejs PlayBook is an Android app built with React Native (Expo) and Three.js, designed to demonstrate real-time 3D rendering and AR experiences on mobile devices.
What the app includes:
Procedural 3D Models
All models are generated in code (no heavy asset files). Users can rotate, zoom, and pan with smooth touch controls. Examples include:
-
Engineering: Simple Motor, Gate Valve, Elbow Joint
-
Furniture: Leather Chair, Relax Lounger, Ash Table
-
Objects: Wire Basket, Bottles, and more
Mobile AR Viewer
-
Place and scale 3D models on real-world surfaces using the device camera
-
Interactive controls: move, rotate, resize
Developer Learning Section
-
Three.js setup guides
-
Tutorials and code snippets
-
Guides on scene setup, lighting, materials, and rendering
Technical highlights
-
100% procedural geometry
-
Small app size and fast load times
-
Responsive rendering optimized for mobile GPUs
-
Offline ready
-
Theme system with multiple UI styles
Why I built this
I wanted to explore how Three.js can be integrated in a React Native environment, especially for interactive 3D and AR experiences without large external assets.
I’d appreciate feedback from the community on performance improvements, mobile rendering tricks, structuring procedural geometries, or AR enhancements.
Looking forward to hearing your thoughts!
