⬡ cdxmorph
ChemDraw → animation

Your drawing, in motion.

Animate ChemDraw (.cdxml) line art as rotations and bond formations, using the styles and colors of your choice.

Nothing to install: the program runs inside your browser, and your file stays on your own computer — there is no server behind this page. The download is the same program for offline use, and the only way to write MP4.

A molecule turning twice, then reacting
Two reorientations and a reaction, from one ChemDraw page with no configuration: the copies carrying 3D coordinates supply the turns, the arrow drives the reaction.

What it does

It follows the drawing rather than a model of the molecule, so what comes out looks like what you drew.

Reactions and reorientations

An arrow means one structure becoming another; an equivalency sign means the same molecule redrawn another way, which turns rather than morphs. Both play in one clip.

Turns from a crystal structure

Place a copy carrying 3D coordinates above the drawing you want animated and it supplies the axis and angle. That copy is never drawn — your own drawing moves.

Clean line art, every frame

Bonds keep their width, letters stay readable, and the white gaps where bonds cross are recomputed as things move rather than baked in.

Wedges, charges, labels

Solid and hashed wedges, formal charges, stacked labels, subscripts and colours come out as you drew them.

You decide what becomes what

When the automatic pairing isn't what you meant, click an atom on the left and its partner on the right. Bonds that break turn red, bonds that form turn green.

GIF, MP4 or frames

Choose the length, frame rate and pixel width; get an animated GIF, an MP4, or a numbered sequence of frames for a figure.

How it reads your page

Order and intent come from the drawing itself — no configuration file needed for the common cases.

→ A reaction arrow

One structure becomes the next. Atoms travel, bonds break and form, labels dissolve where a group changes.

≡ An equivalency sign

The same molecule, drawn another way. It turns about the axis the two drawings imply instead of morphing between them.

△ A copy with 3D coordinates

Sitting above your drawing, a roughly oriented cif can help the program understand how your structure moves through 3D space.

Using it

Four steps, and nothing to configure for a first look.

  1. Draw your structures in ChemDraw and save as ChemDraw XML (.cdxml).
  2. Open the tool and drag your file onto the page.
  3. Choose length and size, then download the animation.
  4. If an atom travels somewhere you didn't intend, open the mapping editor, click the atom and its partner, press Save mapping, and render again.

The first render takes a minute to get going, because your browser is downloading Python and the scientific libraries; it keeps them afterwards. If you would rather work offline, or need MP4, use the download — on a Mac its first launch needs right-click → Open, once only.