threepipe/website/package/plugin-blueprintjs.md

---

prev:

text: '@threepipe/plugin-tweakpane'
link: './plugin-tweakpane'

next:

text: '@threepipe/plugin-tweakpane-editor'
link: './plugin-tweakpane-editor'

---

@threepipe/plugin-blueprintjs

Blueprint.js UI plugin for ThreePipe

Example — Source Code — API Reference

npm install @threepipe/plugin-blueprintjs

BlueprintJsUiPlugin adds support for using uiconfig-blueprint to create a configuration UI in applications using the BlueprintJs library.

The plugin takes the uiconfig that’s defined in the viewer and all the objects to automatically render a UI in the browser.

import {IObject3D, ThreeViewer, TonemapPlugin} from 'threepipe'
import {BlueprintJsUiPlugin} from '@threepipe/plugin-blueprintjs'

const viewer = new ThreeViewer({...})

// Add the plugin
const plugin = viewer.addPluginSync(new BlueprintJsUiPlugin(true)) // true to show expanded the UI by default

// Add the UI for the viewer
plugin.appendChild(viewer.uiConfig)
// Add UI for some plugins
plugin.setupPlugins(TonemapPlugin, DropzonePlugin)