/ SDK / Web viewer

Web viewer SDK.

Embed a CAD, BIM and PDF viewer in any web application. Choose the Viewer SDK or iframe and PostMessage; both are self-hosted and framework-agnostic.

Open docs
app.yourcompany.com / projects / north-tower / drawings
A22-102_Plan_2.Etasje.dwg
Rasterex Canvas
Technical drawing rendered by RasterexTechnical drawing rendered by RasterexTechnical drawing rendered by RasterexTechnical drawing rendered by RasterexTechnical drawing rendered by Rasterex
/ what the web viewer SDK does

One viewer. Every drawing. Inside your product.

Viewer SDK or iframe

Use @rasterex/viewer in JavaScript or TypeScript, or embed Canvas with iframe and PostMessage from any HTML-capable frontend.

View package on npm
Every format in one viewer

PDF, DWG, DGN, IFC, images, MS Office and 100+ more. One engine, one integration.

Self-hosted

Runs on your Windows Server. Drawings never leave your infrastructure.

You own the UI

Your app decides which tools are visible, who can use them, and where the results go.

Targeting a single format? See the PDF SDK, CAD SDK and BIM SDK.

← Back to the SDK overview

/ try it yourself

AI-ready. Prompt it, or install it yourself.

@rasterex/viewer is a small, typed, zero-dependency SDK with full docs and runnable examples. Point your AI assistant at it, or install it by hand, and run a project against our backend in minutes. The backend runs as a hosted sandbox for evaluation and proof of concept, so there is nothing to set up on your side to get started.

01

Install

terminal · bash
$ npm install @rasterex/viewer
02

Mount a viewer and open a drawing

application code · typescript
01import { createViewer } from "@rasterex/viewer";02 03const viewer = createViewer({ container: "#rx-viewer" });04await viewer.mount();05await viewer.ready();06 07await viewer.documents.open({08  url: "<file URL reachable by the viewer>",09  displayName: "drawing.dwg",10  cacheId: "<stable file id from your app>",11  mime: "<file mime type>"12});

Works with Vite, Next.js, Angular, React, Vue or any bundler. Full setup and runnable examples live in the docs and the examples repo.

Building against it and hit a snag? Reach us on GitHub.

From proof of concept to production.

When you can see it working and want to move toward your own integration, get in touch. We go into dialogue, build a commercial model around your case, and you install the full backend yourself, on-prem or in your own cloud, with complete control of your data and infrastructure. Rasterex never touches your files or your servers.

/ get started

Ready to put CAD, BIM and PDF inside your app?

Explore documentation