threejs-modern-app

Boilerplate and utils for a fullscreen Three.js app

boilerplatewebglthreejsstarter-kitreacteslintprettier

Preview

threejs-modern-app preview

Overview

This is a starter template for building fullscreen three.js applications using modern JavaScript. It provides a simplified, well-organized structure with a WebGLApp class that handles core three.js setup, an asset manager for loading models and textures, a component-based architecture for organizing code and built-in features like post-processing, physics support, screenshot capture and video recording.

Features

webgl-app-abstractioncomponent-structureasset-managerdebug-modeglslify-shader-importsgpu-tieringpostprocessing-supportorbit-controlsgui-integrationfps-statsphysics-cannon-esscreenshot-exportvideo-recordingwebxr-support

Feature Flags

invoicesecommercefileUploadsstoragejobsQueuesearchmapsformsValidationdebugMode

Recommended Use Cases

fullscreen-3d-applicationswebgl-visualizationsinteractive-3d-experiencescreative-codingshader-experiments

Frontend

threejsjavascriptes6esbuildeslintprettier

Backend

None

Auth Providers

None

Deployment Targets

static-hosting

Payment Providers

None

Quick Facts

โญ Stars
387
๐Ÿด Forks
37
๐Ÿ”„ Active
Unknown

Stack

Framework
threejs
Language
javascript

Data Layer

Databases
postgresql

UI Stack

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

Classification
free
Selected
โ€”
Notes
Open source boilerplate
Get Started with this Boilerplate