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.
- 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
| Simple Example for a room with a music player |  |
|---|
Install SpatialJS Core and its peer dependencies:
npm install @spatialjs/core react @react-three/fiber three @react-three/uikit- Add the WindowManager to your scene
import { WindowManager, createWindow } from "@spatialjs/core";
<WindowManager />;- Add a Window to your scene
import { createWindow } from "@spatialjs/core";
const window = createWindow(MusicPlayer, {
title: "My Window",
disableBackground: true,
});For detailed usage instructions and API reference, please refer to our documentation.
Check out our examples directory for more advanced usage scenarios and demos.
We welcome contributions! Please see our contributing guidelines for more details.
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