Skip to content
Chemical Drawing Atlas

This website is biased toward ReShiki, because its maintainer also maintains ReShiki. Please be careful.

MolPad

A React component for drawing and editing molecular structures in web applications.

WebsiteManualGitHub

Open source. 6 of 65 checklist features confirmed.

Main canvas

MolPad main canvas, light mode
light mode
MolPad main canvas, dark mode
dark mode

Host darkens; canvas stays white. Paclitaxel import unsupported; caffeine shown.

Default drawings

New canvas ignored simulated SMILES and MOL paste; no import control.

Caffeine

New canvas ignored simulated SMILES and MOL paste; no import control.

Paclitaxel

No 3D view

Cholesterol in 3D

Facts

GitHub stars
8 stars on 6 Nov 2026
First commit
27 Dec 2020
Repository activity
127 commits, 3 contributors, last push 31 Oct 2026
Latest version
v3.2.13
Version we tested
v3.2.13
Runs on
Browser
License
MIT license permits use, modification, and redistribution.
Price
Free
Relies on
@chemistry/molecule, @chemistry/elements. Custom SVG canvas; separate same-author chemistry toolkits.
Draws with
SVG elements generated by React
Chemistry from
@chemistry/molecule and @chemistry/elements
Interface
React with Zustand state management
Main language
TypeScript
Other languages
None
Renderer
Original: MolPad React/SVG renderer
Third-party licenses
MIT runtime dependencies, including React, Zustand and the @chemistry libraries.

In use

Screenshots from our test of this version.

Features

  • Tested by running it
  • Seen in the app
  • The manual says yes
  • Partly, with the reason shown
  • Not supported
  • Not established, which is not the same as no

Select a mark for its proof. A filled mark opens our screenshot, or the manual if the check left nothing to picture. A ring opens the manual.

Drawing structures

Figures and layout

Open the full pageManual