START IN YOUR ENVIRONMENT

Runs everywhere you work

Jupyter widget

pip install megane

Interactive widget inside Jupyter notebooks. Build pipelines in Python, display structures inline.

Jupyter widget →

React component

npm install megane-viewer

Drop <PipelineViewer /> into any React app. Build pipelines with the TypeScript builder API.

React component →

Standalone web app

megane serve ./structures

Serve local structure files and view them instantly in the browser. No code needed.

Standalone web app →

VS Code extension

Install from Marketplace

Open .pdb, .gro, .xyz, .mol, .cif files directly in VS Code with the megane extension.

VS Code extension →

WHAT YOU GET

Built for real atomistic data

1M+ atoms at 60fps

Billboard impostor rendering draws every atom as a shaded quad in a single instanced draw call — from small molecules to massive complexes. megane serve streams multi-GB XTC trajectories over WebSocket without loading them into memory.

One Rust core, every host

PDB, GRO, XYZ, MOL/SDF, MOL2, CIF, LAMMPS data and dump, VASP, Molden, XCrySDen, CML, XTC, ASE .traj and more are parsed in Rust, compiled to both PyO3 and WASM. Parse once, run anywhere — Jupyter, browser, React, VS Code, JupyterLab.

Visual pipeline editor

Wire 19 node types across 5 categories to load, filter, style and overlay — no code required. 9 typed data channels flow through color-coded edges; only matching types connect. Pipelines serialize to JSON to save and share.

Embed & integrate

Control the viewer from Plotly via ipywidgets events, embed in MDX / Next.js docs, and react to frame_change, selection_change and measurement events. MoleculeRenderer is a plain Three.js class — mount it in Vue, Svelte, or vanilla JS.