open-index/open-npm huggingface dataset:
npm package: 3dio
Description: toolkit for interior apps
Author: archilogic
Latest version: 2.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<p align="center"><a href="https://app.3d.io/oFXeKW" target="_blank"><img alt="toolkit for interior apps" src="img/title-pic3.gif"></a></p>

<div align="center">
  <a href="https://3d.io">Website</a>
  &mdash;
  <a href="https://3d.io/docs/api/1/">Docs</a>
  &mdash;
  <a href="#install">Install</a>
  &mdash;
  <a href="https://dist.3d.io/">Releases</a>
  &mdash;
  <a href="#contribute">Contribute</a>
</div>


## Basic Example

[Run Demo](https://3dio-aframe.glitch.me)
```html
<!DOCTYPE html>
<html>
<head>
  <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
  <script src="https://dist.3d.io/3dio-js/1.1.x/3dio.min.js"></script>
</head>
<body>
<a-scene>
  <!-- A-Frame Components Loading Content from 3d.io -->
  <a-entity io3d-data3d="key:/fd72bf39-9d3a-471f-a4ff-ecaa3f5ff30b/bake/2017-04-15_22-45-14_XsiltX/regular/lighting.gz.data3d.buffer" position="0 -5 -6"></a-entity>
  <a-entity io3d-furniture="id:10a54bcf-3b9c-4518-b7ea-81c4251cf5a4" position="-0.85 -5 -5.4"></a-entity>
</a-scene>
</body>
</html>
```

Learn more about using 3d.io data at https://furniture.3d.io

## Documentation

https://3d.io/docs/api/1/

## Install

### Browser

```html
<head>
  <!-- latest minor version -->
  <script src="https://dist.3d.io/3dio-js/1.x.x/3dio.min.js"></script>
</head>
```

### Server

`npm install 3dio --save`

Installation tutorial for beginners: https://www.npmjs.com/package/3dio/tutorial

## Features

https://3d.io/#products

## Use Cases

https://3d.io/#use-cases

## Contribute

Install local dev environment:

1. Clone repository: 

    `git clone https://github.com/archilogic-com/3dio-js.git ; cd ./3dio-js`
2. Install global packages: 

    `npm install rollup -g ; npm install lite-server -g`
3. Install local packages: 

    `npm install`
4. Run local dev server: 

    `npm start`
5. Run tests:

    `npm test`

Please follow our [Contribution guidelines](.github/CONTRIBUTING.md)

[![Build Status](https://travis-ci.org/archilogic-com/3dio-js.svg?branch=master)](https://travis-ci.org/archilogic-com/3dio-js)
npm package: 3dio-inspector-plugins
Description: Connects A-Frame Inspector to 3d.io APIs
Author: archilogic
Latest version: 0.0.6

# A-Frame Inspector Plugins by 3d.io

We love 3d content and strive to make it easily accessible and reusable. Inspector Plugins provide hosted 3d models from various open source friendly projects directly in the [A-Frame Inspector](https://github.com/aframevr/aframe-inspector).

### [Live Demo](https://archilogic-com.github.io/3dio-inspector-plugins)

![](static/inspector-plugins-001.gif)

More demos:
- [Google Blocks tag aka "gblock"](https://archilogic-com.github.io/3dio-inspector-plugins/google-blocks.html)
- [Furniture Library](https://archilogic-com.github.io/3dio-inspector-plugins/furniture-library.html)
- [Staff Picks](https://archilogic-com.github.io/3dio-inspector-plugins/staff-picks.html)

## Usage

1. Add [3d.io library](https://github.com/archilogic-com/3dio-js) script to the `<head>` section of your page right after aframe 0.7.0 (or higher):

```html
<head>
  <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
  <script src="https://dist.3d.io/3dio-js/1.x.x/3dio.min.js"></script>
</head>
<body>
  <a-scene></a-scene>
</body>
```

2. Open your page and start the A-Frame Inspector:
  - Windows: `ctrl` + `alt` + `i`
  - OSX: `control` + `option` + `i`
  
3. The `3d.io` button will be there ;) 

## Want to make changes?

### Installation

1. `git clone https://github.com/archilogic-com/3dio-inspector-plugins.git`
2. `npm install`
3. `npm start`

## Acknowledgements

- [A-Frame](https://aframe.io/)
- [three.js](https://threejs.org/)
- [Arturo Paracuellos](https://twitter.com/arturitu) (for making google blocks searchable)

## License

Distributed under an [MIT License](LICENSE).