This website is biased toward ReShiki, because its maintainer also maintains ReShiki. Please be careful.
vue-chemdraw (0chem)
A Vue 3 component for embedding a browser-based chemical structure editor.
Open source. 14 of 65 checklist features confirmed.
Main canvas
No dark mode
Paclitaxel import failed; screenshot shows built-in sample.
Default drawings
MOL text entered; create left the built-in sample unchanged.
Caffeine
SMILES and MOL attempts left the built-in sample unchanged.
Paclitaxel
No 3D view
Cholesterol in 3D
- The editor opens with a complex example already on the canvas.
- The New and Save sidebar entries did not open a blank document or save dialog.
- MOL input is a text area; attempted fixture imports left the example unchanged.
- The About version button produced no visible response; L1XkLMu0 identifies the served editor bundle.
- Supplemental screenshots show the failed import and manually drawn test tools.
Facts
- Latest version
- 1.4.6
- Version we tested
- L1XkLMu0
- Runs on
- Browser
- License
- npm declares ISC; repository LICENSE contains GPL-3.0.
- Price
- Free
- Relies on
- No third-party engine found. Release 1.4.6 uses its own SVG editor, molecule model, and MOL parser.
- Draws with
- Custom SVG DOM renderer (npm 1.4.6)
- Chemistry from
- In-house atom/bond model, ring algorithms and MOL parser
- Interface
- Vue 3
- Main language
- JavaScript
- Other languages
- None
- Renderer
- Original: 0chem in-house SVG DOM molecule renderer
- Third-party licenses
- Includes OFL-1.1 font derivatives (Source Han; font-only share-alike).
- 2024 beta with Chinese UI and placeholder controls; runtime usability untested.
- npm declares ISC, while the repository LICENSE contains GPL-3.0.
- README's CSS-only rendering claim conflicts with SVG code; advertised image exports lack released handlers.
In use
Screenshots from our test of this version.
Single, double and triple bonds
Single, double, and triple bonds drawn on the canvas.
Wedge, hash and wavy bonds
Solid and hashed wedge bonds drawn on the canvas.
Ring tools
Ring tools and a benzene ring on the canvas.
Charges, isotopes and atom labels
Element and charge controls above a structure with oxygen labels.
Reaction arrows
Forward and equilibrium arrows drawn on the canvas.
Color control
Color swatches and palette control above the drawing.
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
- Partly: Single, double and triple drawn; changing order unconfirmed. Opens the screenshot.Single, double and triple bondsSingle, double and triple drawn; changing order unconfirmed.gitee.com
- Partly: Solid and hashed wedges drawn; wavy placement unconfirmed. Opens the screenshot.Wedge, hash and wavy bondsSolid and hashed wedges drawn; wavy placement unconfirmed.gitee.com
- Not establishedDative, hydrogen and quadruple bonds
- Yes, according to the manual: Repeated clicks cycle centered and both side placements. Opens the cited page.Choose double-bond sideRepeated clicks cycle centered and both side placements.gitee.com
- Partly: Benzene drawn; five-membered tool also visible. Opens the screenshot.Ring toolsBenzene drawn; five-membered tool also visible.gitee.com
- Not establishedChair and Haworth rings
- Yes, according to the manual: Dragging progressively adds carbon atoms with snapped bond angles. Opens the cited page.Chain toolDragging progressively adds carbon atoms with snapped bond angles.gitee.com
- No: Only ring tools found; no broader library visible. Opens the cited page.Template libraryOnly ring tools found; no broader library visible.
- Not establishedSave your own templates
- Not establishedGroup abbreviations
- Partly: Charges and element replacement; isotope rendering unfinished, arbitrary-label authoring undocumented. Opens the cited page.Charges, isotopes and atom labelsCharges and element replacement; isotope rendering unfinished, arbitrary-label authoring undocumented.gitee.com
- Not establishedRadicals and lone pairs
- Not establishedKeyboard drawing
- Partly: Rectangular selection, move, rotate and resize; no lasso implementation. Opens the cited page.Lasso select and transformsRectangular selection, move, rotate and resize; no lasso implementation.gitee.com
- Not establishedTilt drawings in perspective
Reactions and mechanisms
- Yes, tested by running it: Forward and equilibrium arrows drawn. Opens the screenshot.Reaction arrowsForward and equilibrium arrows drawn.
- No: No curved electron-pushing arrow control found. Opens the cited page.Curved mechanism arrowsNo curved electron-pushing arrow control found.
- Not establishedMachine-readable reactions
- Not establishedAtom mapping
- Not establishedOrbitals and symbols
Figures and layout
- Not establishedRich text captions
- Not establishedShapes, brackets and curves
- Not establishedAlign and distribute
- Not establishedGroup and ungroup
- Not established2D structure cleanup
- Not establishedJournal drawing styles
- Not establishedReusable custom styles
- Partly: Color palette and swatches visible; application untested. Opens the screenshot.Color controlColor palette and swatches visible; application untested.
- Partly: Selection backgrounds are temporary and reset when the structure redraws. Opens the cited page.Color highlightingSelection backgrounds are temporary and reset when the structure redraws.gitee.com
- Not establishedPage layout and multipage
- Not establishedImported pictures
- Not establishedTLC plates and tables
Chemistry intelligence
- Not establishedStructure checking
- Not establishedR/S and E/Z labels
- No: Statistics entry did nothing when clicked. Opens the cited page.Formula and massStatistics entry did nothing when clicked.
- Not establishedProperty estimates
- No: No chemical-name input found. Opens the cited page.Name to structureNo chemical-name input found.
- No: No naming command found. Opens the cited page.Structure to nameNo naming command found.
- Not establishedNMR prediction
- Partly: Numbered R-label import only; atom-list handling unfinished. Opens the cited page.R-groups and query structuresNumbered R-label import only; atom-list handling unfinished.gitee.com
- Partly: Group control shown; chemical repeat representation unverified. Opens the cited page.Polymers and repeat unitsGroup control shown; chemical repeat representation unverified.
- Not establishedPeptides and nucleic acids
- Not establishedImage to structure
- Not establishedOnline structure lookup
- No: No 3D model view found in inspected tabs. Opens the cited page.3D model viewNo 3D model view found in inspected tabs.
- Not establishedCrystal structures
Files and exchange
- No: No CDXML import or export option found. Opens the cited page.CDXML import and exportNo CDXML import or export option found.
- Not establishedCDX import and export
- No: MOL text did not render; Save did nothing. Opens the cited page.MOL and SDFMOL text did not render; Save did nothing.gitee.com
- No: SMILES in MOL input did not produce a structure. Opens the cited page.SMILESSMILES in MOL input did not produce a structure.
- Not establishedInChI
- Not establishedRXN files
- No: Save did nothing; no SVG option appeared. Opens the cited page.SVG exportSave did nothing; no SVG option appeared.0chem.com
- No: Save did nothing; no PDF option appeared. Opens the cited page.PDF exportSave did nothing; no PDF option appeared.
- No: Save did nothing; no PNG option appeared. Opens the cited page.High-resolution PNGSave did nothing; no PNG option appeared.0chem.com
- Not establishedPaste to and from ChemDraw
- Not establishedEditable in Word or PowerPoint
- Not establishedWindows Office OLE
APIs and automation
- Not establishedPython API
- Partly: Vue registration documented; structure-control API documentation unavailable. Opens the cited page.JavaScript or TypeScript APIVue registration documented; structure-control API documentation unavailable.0chem.com
- Not establishedCommand-line tool
- Not establishedAI agent control
- Not establishedBuilt-in AI assistant
Embedding and extension
- Not establishedPlugins
- Yes, according to the manual: Register Vue plugin with app.use(chemDraw); insert <draw-0chem> component. Opens the cited page.Embed in your own appRegister Vue plugin with app.use(chemDraw); insert <draw-0chem> component.gitee.com