Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/nartc/angular-three

🧊 THREE.js integration for Angular 🧊
https://github.com/nartc/angular-three

3d angular threejs

Last synced: 3 months ago
JSON representation

🧊 THREE.js integration for Angular 🧊

Host: GitHub
URL: https://github.com/nartc/angular-three
Owner: nartc
License: mit
Archived: true
Created: 2021-04-16T04:10:32.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-02-10T03:31:56.000Z (over 1 year ago)
Last Synced: 2024-02-15T07:42:17.880Z (4 months ago)
Topics: 3d, angular, threejs
Language: JavaScript
Homepage: https://angular-three.netlify.app/
Size: 109 MB
Stars: 303
Watchers: 8
Forks: 26
Open Issues: 8
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Lists

awesome-threejs - angular-three

README

        # This repository is now archived. Please check https://github.com/angular-threejs/angular-three for latest updates to Angular Three.

---

# Declarative THREE.js in Angular

🔥 Leverage your [Angular](https://angular.io) skill to build mind-blowing 3D applications

with [THREE.js](https://threejs.org) 🔥

## Attention

This package, while stable, is still in active development.

## Packages

**Angular Three** is a collection of packages that provide different **THREE.js** functionalities

| Package                                                                                    | Version                                                                     | Links                                                                                                                                                                                                 |

| ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| [`@angular-three/core`](https://npmjs.com/package/@angular-three/core)                     | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/core)           | [![README](https://img.shields.io/badge/README--green.svg)](/packages/core/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/core)                     |

| [`@angular-three/postprocessing`](https://npmjs.com/package/@angular-three/postprocessing) | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/postprocessing) | [![README](https://img.shields.io/badge/README--green.svg)](/packages/postprocessing/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/postprocessing) |

| [`@angular-three/cannon`](https://npmjs.com/package/@angular-three/cannon)                 | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/cannon)         | [![README](https://img.shields.io/badge/README--green.svg)](/packages/cannon/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/cannon)                 |

| [`@angular-three/soba`](https://npmjs.com/package/@angular-three/soba)                     | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/soba)           | [![README](https://img.shields.io/badge/README--green.svg)](/packages/soba/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/soba)                     |

### Peer Dependencies

- `[email protected]`: This is a wrapper of **THREE.js** so `three` is a required `peerDependency`. Keep in mind, **THREE.js**

  is moving quite frequently and quickly. Hence, to ensure compatibility, this wrapper currently supports `0.140`

  - Make sure to also have `@types/three` installed as well

```bash

npm install -E [email protected]

npm install -DE @types/three

```

## Documentations

[Angular Three](https://angular-three.netlify.app)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
_{Chau Tran}
💻

    
_{Caleb Ukle}
💻

    
_{Joshua Morony}
📖

    
_BenLune
💻

    
_{Igor Katsuba}
💻

    
_andivr
📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification.

Contributions of any kind welcome!