ThreePipe

ThreePipe is a modern 3D framework built on top of three.js, written in TypeScript, designed to make creating high-quality, modular, and extensible 3D experiences on the web simple and enjoyable.

Key features include:

• Simple, intuitive API for creating 3D model viewers/configurators/editors on web pages, with many built-in presets for common workflows and use-cases.

• Companion editor to create, edit and configure 3D scenes in the browser.

• Modular architecture that allows you to easily extend the viewer, scene objects, materials, shaders, rendering, post-processing and serialization with custom functionality.

• Plugin system along with a rich of built-in plugins that allows you to easily add new features to the viewer.

• uiconfig compatibility to automatically generate configuration UIs in the browser.

• Modular rendering pipeline with built-in deferred rendering, post-processing, RGBM HDR rendering, etc.

• Material extension framework to modify/inject/build custom shader code into existing materials at runtime from plugins.

• Extendable asset import, export and management pipeline with built-in support for gltf, glb, obj+mtl, fbx, materials(pmat/bmat), json, zip, png, jpeg, svg, webp, ktx2, ply, 3dm and many more.

• Automatic serialization of all viewer and plugin settings in GLB(with custom extensions) and JSON formats.

• Built-in undo/redo support for user actions.

• Automatic disposal of all three.js resources with built-in reference management.

• Realtime Realistic Rendering with screen-space post-processing effects from webgi.

• Animation system(and UI) to create state, keyframe-based animations for any object, material, or viewer property with global timeline.

Checkout the documentation and guides on the threepipe website for more details.