{"id":15146635,"url":"https://github.com/deamoner/spatialjs","last_synced_at":"2025-09-23T08:18:34.078Z","repository":{"id":234000970,"uuid":"695537725","full_name":"Deamoner/spatialjs","owner":"Deamoner","description":"SpatialJS Core is a powerful library for building spatial applications for the open web.","archived":false,"fork":false,"pushed_at":"2024-09-04T11:28:45.000Z","size":51955,"stargazers_count":17,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-19T16:08:24.484Z","etag":null,"topics":["augmented-reality","metaverse","virtual","virtual-reality","webxr"],"latest_commit_sha":null,"homepage":"https://www.spatialjs.dev/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Deamoner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["Deamoner"]}},"created_at":"2023-09-23T13:49:51.000Z","updated_at":"2025-08-27T12:35:14.000Z","dependencies_parsed_at":"2024-08-21T22:05:48.772Z","dependency_job_id":null,"html_url":"https://github.com/Deamoner/spatialjs","commit_stats":null,"previous_names":["deamoner/spatialjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Deamoner/spatialjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deamoner%2Fspatialjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deamoner%2Fspatialjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deamoner%2Fspatialjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deamoner%2Fspatialjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Deamoner","download_url":"https://codeload.github.com/Deamoner/spatialjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deamoner%2Fspatialjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276539212,"owners_count":25660146,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-23T02:00:09.130Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["augmented-reality","metaverse","virtual","virtual-reality","webxr"],"created_at":"2024-09-26T12:03:25.359Z","updated_at":"2025-09-23T08:18:34.034Z","avatar_url":"https://github.com/Deamoner.png","language":"TypeScript","readme":"# SpatialJS Core\n\nSpatialJS 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.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/main.png\" width=\"500\" alt=\"SpatialJS Logo\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://npmjs.com/package/@spatialjs/core\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@spatialjs/core?style=flat\u0026colorA=000000\u0026colorB=000000\" alt=\"NPM\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npmjs.com/package/@spatialjs/core\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/@spatialjs/core.svg?style=flat\u0026colorA=000000\u0026colorB=000000\" alt=\"NPM\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/spatialmatty\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/twitter/follow/spatialmatty?label=%40spatialmatty\u0026style=flat\u0026colorA=000000\u0026colorB=000000\u0026logo=twitter\u0026logoColor=000000\" alt=\"Twitter\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://discord.gg/tKNwtpDVJn\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/discord/1124026138465939506?style=flat\u0026colorA=000000\u0026colorB=000000\u0026label=discord\u0026logo=discord\u0026logoColor=000000\" alt=\"Discord\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Amazing Projects Making SpatialJS Possible:\n\n\u003cdiv style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '20px', marginBottom: '20px', flexWrap: 'wrap' }}\u003e\n  \u003cdiv style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px' }}\u003e\n    \u003ca href=\"https://github.com/pmndrs/react-three-fiber\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React_Three_Fiber-000000?style=for-the-badge\u0026logo=react\u0026logoColor=white\" alt=\"React Three Fiber\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://twitter.com/0xca0a\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/@0xca0a-000000?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\" alt=\"Paul Henschel Twitter\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px' }}\u003e\n    \u003ca href=\"https://github.com/pmndrs/react-xr\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React_XR-000000?style=for-the-badge\u0026logo=react\u0026logoColor=white\" alt=\"React XR\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://twitter.com/BelaBohlender\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/@BelaBohlender-000000?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\" alt=\"Bela Bohlenderl Twitter\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px' }}\u003e\n    \u003ca href=\"https://github.com/pmndrs/uikit\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React_Three_UI_Kit-000000?style=for-the-badge\u0026logo=react\u0026logoColor=white\" alt=\"React Three UI Kit\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://twitter.com/BelaBohlender\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/@BelaBohlender-000000?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\" alt=\"Bela Bohlender Twitter\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## Features\n\n- Create and manage 3D windows in a spatial environment\n- Intuitive React components for building 3D UIs\n- Flexible window management with tiling, focusing, and minimizing\n- Support for VR/AR experiences\n- Easy integration with React Three Fiber\n\n## What does Spatialjs do?\n\n| Simple Example for a room with a music player | ![render of the above code](./assets/spatialjs-demo.gif) |\n| --------------------------------------------- | -------------------------------------------------------- |\n\n## Installation\n\nInstall SpatialJS Core and its peer dependencies:\n\n```bash\nnpm install @spatialjs/core react @react-three/fiber three @react-three/uikit\n```\n\n## Quick Start\n\n1. Add the WindowManager to your scene\n\n```tsx\nimport { WindowManager, createWindow } from \"@spatialjs/core\";\n\u003cWindowManager /\u003e;\n```\n\n2. Add a Window to your scene\n\n```tsx\nimport { createWindow } from \"@spatialjs/core\";\nconst window = createWindow(MusicPlayer, {\n  title: \"My Window\",\n  disableBackground: true,\n});\n```\n\n## Documentation\n\nFor detailed usage instructions and API reference, please refer to our [documentation](https://www.spatialjs.dev/).\n\n## Examples\n\nCheck out our [examples directory](https://www.spatialjs.dev/examples) for more advanced usage scenarios and demos.\n\n## Contributing\n\nWe welcome contributions! Please see our [contributing guidelines](link_to_contributing_guidelines) for more details.\n\n## Support\n\nFor questions, bug reports, or feature requests, please open an issue on our [GitHub repository](https://github.com/Deamoner/spatialjs).\n\n---\n\nBuilt with ❤️ by [Deamoner](https://twitter.com/spatialmatty)\n\nVisit my personal site: [mattydavis.ca](https://mattydavis.ca/)\n\nSubscribe to my [YouTube channel](https://www.youtube.com/@mattjdavis) for more SpatialJS tutorials and updates!\n\nFollow me on [Medium](https://medium.com/@mdavis-71283) for articles on SpatialJS, web development, and more!\n\nJoin the discord for more help and support: [discord.gg/tKNwtpDVJn](https://discord.gg/tKNwtpDVJn)\n","funding_links":["https://github.com/sponsors/Deamoner"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeamoner%2Fspatialjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeamoner%2Fspatialjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeamoner%2Fspatialjs/lists"}