Runnable quick starts for React, Angular, Next.js and TypeScript.
Every collection is a real project you can clone and run. Install @rasterex/viewer, mount the canvas, and open a DWG, IFC or PDF drawing against our hosted evaluation backend. No license, no setup on your side.
Clone, install, run. That is the whole setup.
Each example is self-contained. Pick the directory that matches your framework and the workflow you need, install its dependencies, and start it. You are looking at a live canvas within minutes.
Clone the examples
$ git clone https://github.com/Rasterex-Software/rasterex-viewer-examples.git$ cd rasterex-viewer-examplesRun the one you need
$ cd examples/react-vite/01-basic-document-loading$ npm install$ npm run devFour framework paths. The same canvas underneath.
React + Vite quick start
The full workflow set for a React application: mount the canvas in a component, open documents, annotate, measure, control CAD layers, and compare revisions. Includes a creative compare-overlay example.
Create the viewer, await mount and ready, open a drawing, destroy on unmount.
Add markups and control their appearance from your own React UI.
Set a document scale, calibrate from a known dimension, run measurements.
Read and toggle DWG/DGN layers and blocks from application code.
Overlay two revisions and align them for difference review.
List, filter and persist annotation data in your own store.
Match the canvas to your product's visual language.
A custom compare presentation built on top of the compare primitives.
Vanilla TypeScript quick start
No framework, no build opinions. The clearest reading of the SDK lifecycle and the reference implementation the other collections follow.
createViewer, mount, ready, open, destroy — the minimum integration.
Markup creation and styling through the typed API.
Scale, calibration and measurement workflows for takeoff.
Layer and block control for DWG, DXF and DGN drawings.
Revision comparison with alignment control.
Working with annotation collections and persistence.
Canvas appearance and document property access.
Angular quick start
Component-scoped viewer lifecycle for Angular applications, including teardown when the hosting component is destroyed.
Next.js quick start
App Router examples that keep the canvas client-side, including opening a file straight from the browser without a round trip.
The rest of the toolbox.
The typed SDK itself. Install it from npm, read the API surface, or open an issue.
A canonical, framework-agnostic runtime asset layout for the web viewer, used by the docs, the examples and AI agents.
Drawing features in hours. Not months of development.
Building a drawing engine is a multi-year project. Formats, precision, performance, measurement, markup, revisions. You install a package instead, and spend your time on the part your users actually pay for.
npm i @rasterex/viewer, point it at a DWG, IFC or PDF. A drawing is on screen in your own app.
Activate tools, listen to events, store markups and measurements where your project data already lives.
Your UI, your brand, your infrastructure. No drawing engine to build, maintain or hire for.