Package Exports

plant-fiber-ui

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (plant-fiber-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

plant-fiber-ui

3D UI components for use with react-three-fiber. Includes WebXR support and Typescript driven documentation.

Install

npm install plant-fiber-ui react react-dom react-three-fiber

Get Started

Example App.js:

import React from 'react'
import ReactDOM from 'react-dom';
import { Box } from 'plant-fiber-ui';
import { Canvas } from 'react-three-fiber'

const App = (props) => {
  return (
      <Canvas>
        <ambientLight />
        <pointLight position={[10, 10, 10]} />
        <Box />
      </Canvas>
  )
}

ReactDOM.render(
  <App/>,
  document.getElementById('root')
);

Goals

Forms, Buttons, Inputs
WebXR
Controllers / Hands
Assets
Panels
Layout
Keyboard
more...