🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A React component for viewing an STL object from a given URL by utilizing Three.js. Installation: # Yarn $ yarn add stl-viewer # NPM $ npm install stl-viewer –save Preview: 09

Image React

Documentation

React STL Viewer

New maintainer needed.

A React component for viewing an STL object from a given URL by utilizing Three.js

Looking for contributors

See a live demo here.

Note that you will still have to abide by the rules of CORS so you won't just be able to load a 3D file from someone else's site

Installation

npm install stl-viewer 

Usage

import STLViewer from 'stl-viewer'  <STLViewer 	url='http://www.example.com/example-url.stl' 	width={400} 	height={400} 	modelColor='#B92C2C' 	backgroundColor='#EAEAEA' 	rotate={true} 	orbitControls={true} /> 

Contributing

  • If you test the building of the dist, please do not commit those files.

Testing

  • Build with yarn run build
  • Run this in the root of the project folder python -m SimpleHTTPServer 8000
  • Visit http://0.0.0.0:8000 in your browser

You May Also Like