{"id":13490693,"url":"https://github.com/aframevr/aframe-inspector","last_synced_at":"2025-05-14T09:08:34.880Z","repository":{"id":9507018,"uuid":"59284953","full_name":"aframevr/aframe-inspector","owner":"aframevr","description":":mag: Visual inspector tool for A-Frame. Hit *\u003cctrl\u003e + \u003calt\u003e + i* on any A-Frame scene.","archived":false,"fork":false,"pushed_at":"2025-04-05T16:21:19.000Z","size":32047,"stargazers_count":667,"open_issues_count":38,"forks_count":205,"subscribers_count":31,"default_branch":"master","last_synced_at":"2025-04-11T16:36:06.703Z","etag":null,"topics":["aframe","editor","inspector","threejs","virtual-reality","virtualreality","vr","webvr"],"latest_commit_sha":null,"homepage":"https://aframe.io/aframe-inspector/examples/","language":"JavaScript","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/aframevr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2016-05-20T10:10:10.000Z","updated_at":"2025-04-10T02:25:38.000Z","dependencies_parsed_at":"2024-01-08T14:21:25.849Z","dependency_job_id":"0cfd5a6e-b4e4-44da-9498-25e7487f487e","html_url":"https://github.com/aframevr/aframe-inspector","commit_stats":{"total_commits":735,"total_committers":34,"mean_commits":21.61764705882353,"dds":0.6095238095238096,"last_synced_commit":"a9901b962138bcfe9e945fe00b070d9ffc4fcc25"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aframevr%2Faframe-inspector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aframevr%2Faframe-inspector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aframevr%2Faframe-inspector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aframevr%2Faframe-inspector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aframevr","download_url":"https://codeload.github.com/aframevr/aframe-inspector/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248441416,"owners_count":21103989,"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","editor","inspector","threejs","virtual-reality","virtualreality","vr","webvr"],"created_at":"2024-07-31T19:00:50.174Z","updated_at":"2025-04-11T16:36:11.524Z","avatar_url":"https://github.com/aframevr.png","language":"JavaScript","readme":"# A-Frame Inspector\n\nA visual inspector tool for [A-Frame](https://aframe.io) scenes. Just hit\n`\u003cctrl\u003e + \u003calt\u003e + i` on any A-Frame scene to open up the Inspector.\n\n- [Documentation / Guide](https://aframe.io/docs/master/introduction/visual-inspector-and-dev-tools.html)\n- [Example](https://aframe.io/aframe-inspector/examples/)\n\nAlso check out:\n\n- [A-Frame Watcher](https://github.com/supermedium/aframe-watcher) - Companion server to sync changes to HTML files.\n\n![Inspector Preview](https://user-images.githubusercontent.com/674727/50159991-fa540c80-028c-11e9-87f1-72c54e08d808.png)\n\n## Using the Inspector\n\n### Keyboard Shortcut\n\nA-Frame comes with a **keyboard shortcut** to inject the inspector. Just open\nup any A-Frame scene (running at least A-Frame v0.3.0) and press **`\u003cctrl\u003e +\n\u003calt\u003e + i`** to inject the inspector, just like you would use a DOM inspector:\n\n### Specifying Inspector Build\n\nThis is done with the `inspector` component. By default, this is set on the\nscene already. If we want, we can specify a specific build of the Inspector to\ninject by passing a URL. For debugging:\n\n```html\n\u003ca-scene inspector=\"url: http://localhost:3333/dist/aframe-inspector.js\"\u003e\n  \u003c!-- Scene... --\u003e\n\u003c/a-scene\u003e\n```\n\nTo use the master branch of the Inspector:\n\n```html\n\u003ca-scene inspector=\"url: https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js\"\u003e\n\u003c/a-scene\u003e\n```\n\n## Local Development\n\n```bash\ngit clone git@github.com:aframevr/aframe-inspector.git\ncd aframe-inspector\nnpm install\nnpm start\n```\n\nThen navigate to __[http://localhost:3333/examples/](http://localhost:3333/examples/)__\n\n## Self-hosting the sample-assets directory\n\nThe textures modal is using https://aframe.io/sample-assets/dist/images.json\nto get the available textures.\nThe GitHub repository for those assets is https://github.com/aframevr/sample-assets\n\nIf you want to self-host this directory, do the following:\n\n```bash\ncd examples\ngit clone git@github.com:aframevr/sample-assets.git\n```\n\nedit `index.html` and define before any script tag this global variable:\n\n```html\n\u003cscript\u003ewindow.AFRAME_SAMPLE_ASSETS_ROOT = \"./sample-assets/\";\u003c/script\u003e\n```\n\n## Config overrides\n\nSince A-Frame 1.7.0, the inspector perspective camera position is kept in sync with the A-Frame\nactive camera. This means you can move around the scene, toggle the inspector and you will be at the same position.\nIf you want to disable that behavior, you can do that by defining a global variable like this:\n\n```html\n\u003cscript\u003e\n  window.AFRAME_INSPECTOR_CONFIG = { copyCameraPosition: false };\n\u003c/script\u003e\n```\n","funding_links":[],"categories":["Uncategorized","Web-Based Frameworks","JavaScript"],"sub_categories":["Uncategorized","Motion Controllers inside Unity!"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faframevr%2Faframe-inspector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faframevr%2Faframe-inspector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faframevr%2Faframe-inspector/lists"}