Molstar Components

Molstar MolViewSpec Components

Interactive molecular visualization with MolstarViewer and EditorWithViewer components

JSR Package
Preact Components

MolstarViewer Component

Using MolstarViewer from @molstar/molstar-components. This component accepts MolViewSpec data as part of its `props` and will update when that data changes.

EditorWithViewer Component

Using EditorWithViewer from @molstar/molstar-components. This component combined an Editor with the Viewer above. The editor evaluate JS code to produce MolViewSpec data which reactivly updated the Viewer.

Edit code and see live updates (500ms debounce)