blender-ui

Blender Style UI Components for Web based on Vue. Preview by histoire.

Work in progress...

Blender UI is an intermediate state for @advjs/gui.

Usage

NPM

# not published yet
pnpm add @advjs/blender-ui

import { createBUI, reactive } from '@advjs/blender-ui'

const props = reactive({
  // ...
})

createBUI({
  props
})

CDN

<script src="https://unpkg.com/@advjs/[email protected]/dist/blender-ui.umd.cjs"></script>
<script>
const { createBUI, reactive } = window.BUI;
const props = reactive({
  // ...
});

createBUI({
  props
});
</script>

Why?

• I'm developing editors for some projects (advjs and others), I hope their UI to be refined and uniform.
• Blender is a great 3D software, its UI is also great and fits well with editors.

Ref

• User Interface | Blender
• bfanger/pixi-inspector