{"id":16498609,"url":"https://github.com/krsbx/mind-ar-react","last_synced_at":"2025-10-28T00:30:44.116Z","repository":{"id":37862770,"uuid":"462192032","full_name":"krsbx/mind-ar-react","owner":"krsbx","description":"Mind AR Wrapper for React, working examples can be found in https://krsbx.github.io/react-ar/","archived":false,"fork":false,"pushed_at":"2023-05-01T01:09:05.000Z","size":433,"stargazers_count":9,"open_issues_count":3,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-01T09:22:52.821Z","etag":null,"topics":["aframe","aframe-react","augmented-reality","mind-ar","react","threejs","typescript"],"latest_commit_sha":null,"homepage":"https://krsbx.github.io/react-ar/","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/krsbx.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},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"krsbx","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://trakteer.id/krsbx"]}},"created_at":"2022-02-22T07:49:43.000Z","updated_at":"2024-03-27T21:50:50.000Z","dependencies_parsed_at":"2023-01-20T22:40:10.224Z","dependency_job_id":null,"html_url":"https://github.com/krsbx/mind-ar-react","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krsbx%2Fmind-ar-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krsbx%2Fmind-ar-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krsbx%2Fmind-ar-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krsbx%2Fmind-ar-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krsbx","download_url":"https://codeload.github.com/krsbx/mind-ar-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238574738,"owners_count":19494723,"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","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":["aframe","aframe-react","augmented-reality","mind-ar","react","threejs","typescript"],"created_at":"2024-10-11T14:49:23.128Z","updated_at":"2025-10-28T00:30:38.859Z","avatar_url":"https://github.com/krsbx.png","language":"TypeScript","readme":"# Mind AR React\n\n## A Mind AR Wrapper for React\n\n# How to start\n\n- Install Mind AR React as Depedencies\n\n```\nnpm i mind-ar-react\n```\n\n- Install Aframe, since it's depends on aframe\n\n```\nnpm i aframe\n```\n\n- Install aframe-react-component, if npm not installing it for you\n\n```\nnpm i aframe-react-component\n```\n\n- Import the components in your React projects\n\n```js\nimport { Scene } from 'mind-ar-react';\nimport { Camera, Box } from 'aframe-react-component';\n\n\nreturn (\n  /// See the Example one for the structure\n);\n```\n\n# Usage\n\n:arrow_right: Please see how to use it by seeing the example one in [Examples (from src)](./src/examples) / [Examples (from dist)](./dist/examples)\n\n# Keep in Mind\n\nUse the `Scene` and `Entity` component that `mind-ar-react` provide instead the one that `aframe-react-component` provide.\n\n# :warning: Gesture/Mouse Actions :warning:\n\nFor any gesture/mouse actions, the example how to use it can be found in [`src/examples/ImageTracking.tsx`](./src/examples/ImageTracking.tsx). In the example files, the only actions that works is the Scale with mouse wheel, this happen 'cause of the DOM things. Any PR to fix this examples are welcome.\n","funding_links":["https://ko-fi.com/krsbx","https://trakteer.id/krsbx"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrsbx%2Fmind-ar-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrsbx%2Fmind-ar-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrsbx%2Fmind-ar-react/lists"}