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

by React

React STL Viewer

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

View demo Download Source

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

GitHub