Aframe Inspector

🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Alternatives To Aframe Inspector
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Aframe Inspector597
a month ago69April 23, 201860mitJavaScript
:mag: Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Aframe Environment Component404
a month ago32mitJavaScript
:sunrise_over_mountains: Infinite background environments for A-Frame in a line of HTML.
Aframe Presentation Kit70
4 years ago8mitCSS
:video_camera: Starter slides for giving talks and presentations about A-Frame.
Aframe City Builder70
4 years ago11mitJavaScript
🏗️ A-Frame project demonstrating touch controls for building a VR city scene
Dayframe68
7 years ago1mitHTML
A boilerplate project to emulate the Daydream remote in aframe projects, using websockets.
Aframe Svg Extruder6616 months ago3June 14, 20185mitJavaScript
A-Frame component to extrude your SVG's files and use in WebVR scenes like magic 🌟
Editor Legacy53
5 years ago20mitJavaScript
📝 Collaborative real-time edition of parcel scenes, with IPFS uploading. Based on aframe-inspector
Aframe Vuejs 3dio50
5 years agoHTML
demo to showcase how to combine A-frame and vuejs
Zanzarah Tools24
6 years agomitJavaScript
The set of various zanzarah browsing and editing tools, written entirely in coffee and js.
Aframe Mirror Component23
16 years ago3July 31, 20171mitJavaScript
Mirror effect material that works with snapshots of the scene for A-Frame
Alternatives To Aframe Inspector
Select To Compare


Alternative Project Comparisons
Readme

A-Frame Inspector

A visual inspector tool for A-Frame scenes. Just hit <ctrl> + <alt> + i on any A-Frame scene to open up the Inspector.

Also check out:

Inspector Preview

Using the Inspector

Keyboard Shortcut

A-Frame comes with a keyboard shortcut to inject the inspector. Just open up any A-Frame scene (running at least A-Frame v0.3.0) and press <ctrl> + <alt> + i to inject the inspector, just like you would use a DOM inspector:

Specifying Inspector Build

This is done with the inspector component. By default, this is set on the scene already. If we want, we can specify a specific build of the Inspector to inject by passing a URL. For debugging:

<a-scene inspector="url: http://localhost:3333/dist/aframe-inspector.js">
  <!-- Scene... -->
</a-scene>

To use the master branch of the Inspector:

<a-scene inspector="url: https://cdn.jsdelivr.net/gh/aframevr/[email protected]/dist/aframe-inspector.min.js">
</a-scene>

Local Development

git clone [email protected]:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start

Then navigate to http://localhost:3333/examples/

Popular Scene Projects
Popular Aframe Projects
Popular Graphics Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Editor
Scene
Threejs
Vr
Virtual Reality
Aframe
Webvr