SpatialJS Core

SpatialJS Core is a powerful library for building spatial applications for the open web. Leveraging React Three Fiber (R3F), it enables developers to create fully immersive 3D experiences. With SpatialJS, you can easily construct and manage spatial user interfaces, making it an ideal toolkit for developing next-generation web applications, VR/AR experiences, and spatial computing platforms.

Amazing Projects Making SpatialJS Possible:

Features

• Create and manage 3D windows in a spatial environment
• Intuitive React components for building 3D UIs
• Flexible window management with tiling, focusing, and minimizing
• Support for VR/AR experiences
• Easy integration with React Three Fiber

What does Spatialjs do?

| Simple Example for a room with a music player | | | --------------------------------------------- | -------------------------------------------------------- |

Installation

Install SpatialJS Core and its peer dependencies:

npm install @spatialjs/core react @react-three/fiber three @react-three/uikit

Quick Start

1. Add the WindowManager to your scene

import { WindowManager, createWindow } from "@spatialjs/core";
<WindowManager />;

2. Add a Window to your scene

import { createWindow } from "@spatialjs/core";
const window = createWindow(MusicPlayer, {
  title: "My Window",
  disableBackground: true,
});

Documentation

For detailed usage instructions and API reference, please refer to our documentation.

Examples

Check out our examples directory for more advanced usage scenarios and demos.

Contributing

We welcome contributions! Please see our contributing guidelines for more details.

Support

For questions, bug reports, or feature requests, please open an issue on our GitHub repository.

Built with ❤️ by Deamoner

Visit my personal site: mattydavis.ca

Subscribe to my YouTube channel for more SpatialJS tutorials and updates!

Follow me on Medium for articles on SpatialJS, web development, and more!

Join the discord for more help and support: discord.gg/tKNwtpDVJn