https://github.com/vue-gl/vue-gl

Vue.js components rendering 3D WebGL graphics reactively with three.js
https://github.com/vue-gl/vue-gl

3d 3d-graphics custom element elements graphics html tag tags three three-js threejs vue vue-components vue2 vuejs vuejs2 web webgl

Last synced: 6 months ago
JSON representation

Vue.js components rendering 3D WebGL graphics reactively with three.js

• Host: GitHub
• URL: https://github.com/vue-gl/vue-gl
• Owner: vue-gl
• License: mit
• Created: 2017-09-03T21:51:38.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-03-29T08:03:22.000Z (over 1 year ago)
• Last Synced: 2025-05-07T08:34:43.310Z (7 months ago)
• Topics: 3d, 3d-graphics, custom, element, elements, graphics, html, tag, tags, three, three-js, threejs, vue, vue-components, vue2, vuejs, vuejs2, web, webgl
• Language: JavaScript
• Homepage: https://vue-gl.github.io/
• Size: 17.6 MB
• Stars: 683
• Watchers: 18
• Forks: 73
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-vue - VueGL - Vue.js components rendering 3D WebGL graphics reactively with three.js ` 📝 6 days ago` (UI Utilities [🔝](#readme))
• awesome-vue-zh - VueGL - Vue.js组件通过three.js反应性地渲染3D图形 (UI实用程序 / WebGL的)
• awesome-vue - VueGL - Vue.js components rendering 3D graphics reactively via three.js (Components & Libraries / UI Utilities)
• awesome-vue - VueGL ★113 - Vue.js components rendering 3D graphics reactively via three.js (UI Utilities / WebGL)
• awesome-vue - VueGL - Vue.js components rendering 3D graphics reactively via three.js (UI Utilities / WebGL)
• fucking-awesome-vue - VueGL - Vue.js components rendering 3D graphics reactively via three.js (Components & Libraries / UI Utilities)
• awesome-vue - VueGL - Vue.js components rendering 3D graphics reactively via three.js (Components & Libraries / UI Utilities)

README

          
# VueGL

[Vue.js](https://vuejs.org/) components rendering 3D WebGL graphics reactively with

[three.js](https://threejs.org/).

[![NPM](https://nodei.co/npm/vue-gl.png?compact=true)](https://nodei.co/npm/vue-gl/

)  

[![Financial Contributors on Open Collective](https://opencollective.com/vue-gl/all/badge.svg?label=financial+contributors)](https://opencollective.com/vue-gl)

## Usage

```html

  

    

      

        

          

        

        

          

        

      

    

  

  

    

  

  new Vue({ el: "#my-canvas", components: VueGL });

```

[See the documentation](//vue-gl.github.io) for more information.

## Available components

[Components reference](//vue-gl.github.io/components/) shows a list of available

core components. [Example components reference](//vue-gl.github.io/examples/) also

introduces additional components you can use immediately.

The list of components not implemented yet can be found at [this project](https://github.com/vue-gl/vue-gl/projects/1).

## Contribution

Are you interested in enhance this product?

We're really glad and thanks a lot!  

See [Contributing guidelines](CONTRIBUTING.md) to get started.

### Code Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].



  



### Financial Contributors

Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/vue-gl/contribute)]

#### Individuals



#### Organizations

Support this project with your organization. Your logo will show up here with a

link to your website. [[Contribute](https://opencollective.com/vue-gl/contribute)]





















## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fvue-gl%2Fvue-gl.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fvue-gl%2Fvue-gl?ref=badge_large)