ThreePipe

3D on the Web Made Easy

Effortlessly create 3D web experiences, from quick demos to advanced applications, with Three.js

About Threepipe

Examples

Get Started

3D glTF Editor

Start quickly

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

Get Started

3D and glTF Editor

Create, edit and configure 3D scenes in the browser. Provides a complete no-code flow to configure 3d models, configurators, animations etc

Learn More

Modular Architecture

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

All Features

Free and Open Source

Threepipe is completely free and open source under the Apache license 2.0. You can use it for personal or commercial projects without any restrictions, with attribution.

Apache License 2.0

Plugin system

Plugin system along with a rich library of built-in plugins that allows you to add new features to the viewer, like post-processing, custom materials, etc.

Rendering Pipeline

Built-in post processing and modular rendering pipeline with included deferred rendering, post-processing, RGBM HDR rendering, etc

Material Extension

A custom material extension framework to modify/inject/build custom shader code into existing materials at runtime from multiple plugins.

Asset Management

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

File Formats

Framework Agnostic

Can be used with any framework or library like React, Angular, Vue, Svelte, etc. or directly with vanilla JS/TS.

Get Started

TypeScript, Autocomplete

Written in TypeScript with full type definitions and autocomplete support in modern IDEs.

Read the source

Serialization

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

Helpers and Optimizations

Three.js optimization and helpers for managing objects, states, maintaining references, disposing objects, etc.

Browse Features

UI Configuration

UiConfig compatibility to automatically generate configuration UIs for viewer, plugins and three.js object dynamically in the browser.

3D Model Viewer

Offline 3D model viewer app to quickly preview 3d models locally on MacOS/Windows with support for viewing and converting 25 file formats to glTF.

Download App

Advanced Rendering

Supports advanced rendering plugins like SSAO, WebGi plugins(SSR, Bloom, GI), path tracing, etc for industry specific apps.

Checkout WebGi

Jewelery and Fashion

Compatibility with iJewel3D plugins for high-quality rendering and virtual try-on of jewelery, gemstones, diamonds, precious metals, fabric etc.

Checkout iJewel3D