SHEET /embed · ONE SCRIPT TAG

Embed a molecule

Paste one line into any page that accepts HTML, such as a class website or a blog, and it draws a MoleculeFinder card where you paste it.

<script src="https://moleculefinder.com/embed.js" data-molecule="caffeine"></script>

To show another molecule, change caffeine to the name in the address of its page: moleculefinder.com/m/capsaicin becomes data-molecule="capsaicin". Paste the line once for each card.

What the card shows

The 2D structure, the name, the formula and weight, the molecule's one-line description, its LD50 or its hazard label with the source, and a link back to its page. These are the same values its page shows, and they update when the site does.

How it behaves

No cookies, no tracking and no code from any other company.
The card draws inside its own shadow DOM, so your page's styles do not change it and it does not change your page.
It works on a page opened straight from your computer as well as on a website.
A name MoleculeFinder does not have shows a short note and a link to search instead of a card.
Each card reads one small file, for example moleculefinder.com/embed/caffeine.json, which any page may read.
The molecule descriptions are free to reuse under CC0 1.0.

Five lessons for the classroom