Skip to content
Chemical Drawing Atlas

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

schematic

Browser-based editor for drawing 2D chemical structures and simple reaction schemes with SVG and PNG export.

WebsiteManualGitHub

License unclear. 13 of 65 checklist features confirmed.

Main canvas

schematic main canvas, light mode
light mode

No dark mode

dark mode

Default drawings

caffeine as drawn by schematic with default settings

Caffeine

Severe bond crossings and stretched bonds; stereochemistry is not depicted.

Paclitaxel

No 3D view

Cholesterol in 3D

Facts

GitHub stars
0 stars on 6 Nov 2026
First commit
4 Aug 2026
Repository activity
57 commits, 1 contributor, last push 8 Aug 2026
Version we tested
0.1.0 (ede2ccf)
Runs on
Browser
License
Public source code with no declared license.
Price
Free
Relies on
No third-party engine found. Custom SVG editor with in-house SMILES parsing, layout, and chemistry.
Draws with
SVG DOM renderer and SVG export; HTML Canvas 2D rasterization for PNG.
Chemistry from
In-house TypeScript SMILES parser, 2D layout, valence and formula calculations.
Interface
Vanilla DOM with TypeScript, HTML and CSS.
Main language
TypeScript
Other languages
None
Renderer
Original: Schematic SVG bond and label renderer
Third-party licenses
Not established

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

APIs and automation

Embedding and extension

  • Not establishedPlugins
  • Not established: Standalone application; no documented editor embedding route.Embed in your own appStandalone application; no documented editor embedding route.github.com

Open the full pageManual