# aframe-react-components

**Repository Path**: mirrors_jsantell/aframe-react-components

## Basic Information

- **Project Name**: aframe-react-components
- **Description**: React components for aframe primitives for aframe-react.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# aframe-react-components

[![Build Status](http://img.shields.io/travis/jsantell/aframe-react-components.svg?style=flat-square)][travis]
[![Build Status](http://img.shields.io/npm/v/aframe-react-components.svg?style=flat-square)][npm]

** Still in development, do not use yet! Issues with [shorthand property mappings in aframe-react possibly?](https://github.com/ngokevin/aframe-react/issues/50) **

Provides light sugar around [aframe-react's][aframe-react] `<Entity />` component. Instead of passing in a `primitive` attribute to an `<Entity />`, you can just use an [aframe-react-components] component.

```js
import { Entity } from 'aframe-react';

<Entity primitive='a-box' width='5' />
```

With [aframe-react-components], just use the component directly:

```js
import { Box } from 'aframe-react-components';

<Box width='5' />
```

## Usage

See [aframe-react-boilerplate] for general usage of [aframe-react]. See [src/components.js][components] for supported components.

## Installation

Ensure you have peer dependencies installed from [aframe-react].

```
npm install --save aframe aframe-react react react-dom aframe-react-components
```

## Test

```
npm test
```

## Future Work

May possibly tie in [React PropTypes][proptypes] to components for aid in development.

## License

MIT License, Copyright (c) 2016 Jordan Santell

[aframe-react]: https://www.npmjs.com/package/aframe-react
[aframe-react-components]: https://www.npmjs.com/package/aframe-react-component
[aframe-react-boilerplate]: https://github.com/ngokevin/aframe-react-boilerplate
[proptypes]: https://facebook.github.io/react/docs/react-component.html#proptypes
[travis]: https://travis-ci.org/jsantell/aframe-react-components
[npm]: https://www.npmjs.org/package/aframe-react-components
[components]: https://github.com/jsantell/aframe-react-components/blob/master/src/components.js