# pdbe-molstar

> Molstar implementation for PDBe

Latest version **3.12.0** (published 2026-04-24) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install pdbe-molstar
pnpm add pdbe-molstar
yarn add pdbe-molstar
bun add pdbe-molstar
```

## Health

**Score 55/100 (C)** — status: active.

Positive: no vulnerabilities; has provenance; high maintenance score.

Warnings: low downloads; no types; no esm support; large bundle.

## Facts

| | |
|---|---|
| Version | 3.12.0 |
| Published | 2026-04-24 |
| First published | 2019-11-20 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 11 |
| Unpacked size | 12.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 139 |
| Author | Protein Data Bank in Europe |
| Maintainers | a.midlik, mihaitodor, pdbeorg, mandarsd |
| Keywords | Molstar, 3D viewer, PDBe, biojs |

## Links

- npm: https://www.npmjs.com/package/pdbe-molstar
- Repository: https://github.com/molstar/pdbe-molstar
- Homepage: https://github.com/molstar/pdbe-molstar#readme
- Issues: https://github.com/molstar/pdbe-molstar/issues
- npm.io page: https://npm.io/package/pdbe-molstar

## Dependencies (11)

- [lit](https://npm.io/package/lit.md) ^3.1.1
- [buffer](https://npm.io/package/buffer.md) ^6.0.3
- [d3-axis](https://npm.io/package/d3-axis.md) ^3.0.0
- [molstar](https://npm.io/package/molstar.md) 5.8.0
- [d3-brush](https://npm.io/package/d3-brush.md) ^3.0.0
- [d3-scale](https://npm.io/package/d3-scale.md) ^4.0.2
- [d3-selection](https://npm.io/package/d3-selection.md) ^3.0.0
- [vm-browserify](https://npm.io/package/vm-browserify.md) ^1.1.2
- [path-browserify](https://npm.io/package/path-browserify.md) ^1.0.1
- [crypto-browserify](https://npm.io/package/crypto-browserify.md) ^3.12.0
- [stream-browserify](https://npm.io/package/stream-browserify.md) ^3.0.0

## Alternatives

- [lodash.startswith](https://npm.io/package/lodash.startswith.md) — 769.7K weekly downloads
- [@tarojs/service](https://npm.io/package/@tarojs/service.md) — 33.9K weekly downloads
- [io.extendreality.tilia.indicators.spatialtargets.unity](https://npm.io/package/io.extendreality.tilia.indicators.spatialtargets.unity.md) — 131 weekly downloads
- [@rtarojs/taro](https://npm.io/package/@rtarojs/taro.md) — 90 weekly downloads
- [node-branch-io](https://npm.io/package/node-branch-io.md) — 50 weekly downloads

## Recent versions

- 3.12.0 (latest) — 2026-04-24
- 3.10.1 (dev) — 2026-02-05
- 3.11.0 — 2026-04-02
- 3.10.0 — 2026-01-26
- 3.9.0 — 2025-12-18
- 3.8.0 — 2025-10-03
- 3.7.2 — 2025-09-22
- 3.7.1 — 2025-09-15
- 3.7.0 — 2025-09-02
- 3.6.0 — 2025-08-12
- 3.5.0 — 2025-05-28
- 3.4.0 — 2025-03-31
- 3.3.2 — 2024-11-25
- 3.3.1 — 2024-11-13
- 3.3.0 — 2024-08-22
- … 20 more at https://npm.io/package/pdbe-molstar/versions

## README

# PDBe Molstar

[![Published on NPM](https://img.shields.io/npm/v/pdbe-molstar.svg)](https://www.npmjs.com/package/pdbe-molstar)

PDBe implementation of [Mol\* (/'mol-star/)](https://github.com/molstar/molstar)

**Refer [PDBe Molstar Wiki](https://github.com/PDBeurope/pdbe-molstar/wiki) for detailed documentation and examples**

## Building & Running locally

```sh
npm install
npm run build
# npm run rebuild  # for a clean build
npm run serve
```

## Build automatically on file save:

```sh
npm run watch
```

## Manual testing

- Run locally by `npm run serve`
- Go to <http://127.0.0.1:1338/portfolio.html> and check the viewer with various different setting (some of these reflect the actual setting on PDBe pages)
- If you want to tweak the options, go to "Frame URL" and change the options in the URL

## Deployment

- Bump version in `package.json` using semantic versioning
  - Use a version number like "1.2.3-beta.1" for development versions (to be used in development environment wwwdev.ebi.ac.uk)
  - Use a version number like "1.2.3" for proper releases
- Ensure `npm install && npm run lint && npm run rebuild` works locally
- Update `CHANGELOG.md`
- Git commit and push (commit message e.g. "Version 1.2.3")
- Create a git tag matching the version with prepended "v" (e.g. "v1.2.3")
- GitHub workflow will automatically publish npm package (https://www.npmjs.com/package/pdbe-molstar)
- The files will become available via JSDeliver
  - Latest version including development versions:
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@dev/build/pdbe-molstar-plugin.js
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@dev/build/pdbe-molstar-component.js
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@dev/build/pdbe-molstar.css
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@dev/build/pdbe-molstar-light.css
  - Latest proper release:
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@latest/build/pdbe-molstar-plugin.js
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@latest/build/pdbe-molstar-component.js
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@latest/build/pdbe-molstar.css
    - https://cdn.jsdelivr.net/npm/pdbe-molstar@latest/build/pdbe-molstar-light.css
-   Go to https://www.jsdelivr.com/tools/purge and purge the cache for abovementioned URLs (otherwise it might take up to 7 days to before `@latest` starts pointing to the new version)

---
_Source: https://npm.io/package/pdbe-molstar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._