React component to wrap Autodesk Forge Viewer
npm install @lagarsoft/forge-viewer-reactEnable using Autodesk Forge Viewer v7 as a Typed React component
- Use 2D or 3D Forge Viewer as declarative component.
- Leverage typescript usage to Improve Developers Experience.
- Seamless Integration of 3rd party UI components inside the viewer Canvas.
1. include Autodesk Forge Viewer JS and CSS from Autodesk CDN in your index.html file. Here is the official documentation
- CSS
type="text/css" />
- JS
-
2. Install the wrapper component
npm install @lagarsoft/forge-viewer-react
3. Import the component
import { ForgeViewer } from "@lagarsoft/forge-viewer-react"
4. Use the component
https://user-images.githubusercontent.com/1298917/192904913-56bc061a-4da4-44e9-9c79-81e0871043f5.mp4
- Model by Pau from /slantis
PRs are welcome, also feel free to reach us Martin Daguerre (
To work on the library:
```
npm run dev-lib
To start the demo app:
``
npm run dev
Failed to resolve import "../" from "src/App.tsx". Does the file exist?
> you need to compile the library at least once to start the demo app: npm run build`