Space Builder

<RoomBuilder />

Overview

The <RoomBuilder /> component renders the Threekit Space Builder. By deafault, users will be able to draw their space and add openings/doors/windows.

Code Examples

Basic Setup

Please ensure you are using the latest (beta) version of the Treble package:
npx create-treble-app@next

The basic implementation of the Player component

import { ThreekitProvider } from "@threekit-tools/treble";
import RoomBuilder from "./components/RoomBuilder";

const App = () => {
  return (
    <ThreekitProvider>
      <RoomBuilder />
    </ThreekitProvider>
  );
};