npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

@yschindel/ara3d-webgl

v1.3.10

Published

A 3D viewer designed for large architectural (BIM) models built on top of Three.JS.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

yschindelyschindel

Keywords

3dara3dara 3dbimviewerthree.jsmodelaecBIM Open SchemaBIMBOS.bosloaderwebgl

Readme

Ara 3D WebGL - BIM Open Schema Viewer

Live Demo

A WebGL viewer for extremely large 3D models of buildings and infrastructure represented as BIM Open Schema .BOS files.

BIM Open Schema is an ultra-compressed and portable BIM data format, which is easily extended, built on top Parquet format. A .BOS file is a ZIP archive that contains multiple Parquet files, which contain geometry, parameters, and other BIM data.

Building and Running

The project uses vite for bundling and development.

Some of the common tasks, which can be found in the package.json.

  • npm run dev - Running the vite dev server with "hot reloading"
  • npm run build:docs - Building the examples and API documentation.
  • npm run serve:docs - Testing the built examples and API documentation locally
  • npm run build:lib - Building the library as a JavaScript module (.mjs) file

Camera Controls

Keyboard

  • W, Up - Move camera forward

  • A, Left - Move camera to the left

  • S, Down - Move camera backward

  • D, Right - Move camera to the right

  • E - Move camera up

  • Q - Move camera down

  • Shift - faster camera movement while pressed

  • + - Increase camera speed

  • - - Decrease camera speed

  • Space - Toggle orbit mode

  • Home - Frame model

  • Escape - Clear selection

  • F Frame selection

Mouse

  • Hold left click + Move mouse - Rotate camera in current mode
  • Hold right click + Move mouse - Pan/tilt camera
  • Hold middle click + Move mouse - Truck/pedestal camera
  • Mouse wheel - Dolly Camera
  • Left click - Select object
  • Ctrl + Mouse wheel - Increase/decrease camera speed

Touch

  • One Finger swipe - Tilt/Pan camera
  • Two Finger swipe - Truck/Pedestal camera
  • Two Finger pinch/spread - Dolly Camera

History

At Ara 3D we created a simple 3D web-viewer in March 2019 which had support for multiple file formats. The goal was to minimize the amount of code required to create and host a Three.JS viewer in a web-page.

The VIM team took over the project in July 2021 and the team, mostly Simon Roberge, added many features and enhancements. They also customized the project to meet the needs of their Power BI offering.

On December 17, 2024, the VIM team archived the project, and merged it with their React-based viewer project into a new repository https://github.com/vimaec/vim-web. Today the VIM viewer is very powerful, but has become very specialized to their use-cases.

In early 2025 the Ara 3D WebGL project was forked from an earlier snapshot of the repo to revive the spirit of the original viewer, while leveraging many of the excellent contributions made by VIM.

Today in December 2026, we are focusing on using this viewer as a showcase of the BIM Open Schema data format.

Requesting Features, Improvements, or Changes

Feel free to log issues or submit pull requests.

We also offer very affordable custom software development services if you are using this project in a commercial context. For more information reach out to us at [email protected].

Appendix

Related Projects: WebGL Viewers