Integration
Share molecules
Link, embed or consume via API any 3D structure from ChemModel in your site, article or app.
Available methods
1 · Direct link to Studio
The simplest URL. The user clicks and lands directly in the Studio with the molecule loaded in 3D.
https://chemmodel.com/en/lab/?mol=caffeine
https://chemmodel.com/en/lab/?mol=CC(=O)Oc1ccccc1C(=O)OAccepts names in Spanish or English, or SMILES directly.
2 · Embedded iframe
Shows the 3D viewer directly inside your article or page, without the user leaving.
<iframe
src="https://chemmodel.com/embed?mol=caffeine&lang=en&h=420"
width="100%"
height="420"
style="border:none;border-radius:10px"
loading="lazy"
allow="clipboard-write"
></iframe>Available parameters:
↑ Live preview
3 · Link to Isomerism Studio
Opens the Isomerism Studio with one or two preloaded molecules for direct comparison.
# One molecule (searches its isomers)
https://chemmodel.com/en/isomeria/?a=caffeine&lang=en
# Two molecules to compare directly
https://chemmodel.com/en/isomeria/?a=caffeine&b=theophylline&lang=en4 · Public molecule API
REST endpoint returning JSON with all compound properties and ChemModel URLs. Open CORS — use from any origin.
GET https://chemmodel.com/api/molecule?name=caffeine
GET https://chemmodel.com/api/molecule?name=caffeine&lang=enExample response (simplified):
{
"cid": 2519,
"name": "caffeine",
"iupacName": "1,3,7-trimethylpurine-2,6-dione",
"formula": "C8H10N4O2",
"molecularWeight": "194.19",
"smiles": "Cn1cnc2c1c(=O)n(c(=O)n2C)C",
"inchiKey": "RYYVLZVUVIJVGH-UHFFFAOYSA-N",
"xlogp": -0.1,
"tpsa": 58.4,
"image2d": "https://pubchem.ncbi.nlm.nih.gov/rest/pug/compound/cid/2519/PNG?...",
"urlStudio": "https://chemmodel.com/en/lab/?mol=caffeine",
"urlIsomeria": "https://chemmodel.com/en/isomeria/?a=caffeine&lang=en",
"urlEmbed": "https://chemmodel.com/embed?mol=caffeine&lang=en",
"urlCompound": "https://chemmodel.com/en/compuesto/caffeine"
}You can also search by formula or CID:
# By molecular formula
GET https://chemmodel.com/api/molecule?formula=C8H10N4O2
# By PubChem CID
GET https://chemmodel.com/api/molecule?cid=2519Response fields
| Field | Type | Description |
|---|---|---|
| cid | number | PubChem ID |
| name | string | Search name |
| iupacName | string | Nombre IUPAC |
| formula | string | Molecular formula |
| molecularWeight | string | Molecular weight (g/mol) |
| smiles | string | SMILES isométrico |
| inchiKey | string | InChIKey |
| xlogp | number | Lipophilicity |
| tpsa | number | Topological polar surface area (Ų) |
| image2d | string | PubChem 2D PNG image URL |
| urlStudio | string | Direct Studio URL |
| urlIsomeria | string | Isomerism Studio URL |
| urlEmbed | string | Embed iframe URL |
| urlCompound | string | Compound SEO page URL |
5 · Compound page (SEO)
Each compound has its own indexable page with schema.org, full properties and embedded 3D viewer. Ideal for linking from scientific articles.
https://chemmodel.com/en/compuesto/caffeine
https://chemmodel.com/en/compuesto/fenolftaleina
https://chemmodel.com/en/compuesto/dopamineEach page includes schema.org ChemicalSubstance, PubChem 2D image, embedded 3D viewer, property table and API access.
6 · PNG image with overlay
From the Studio, load any molecule and use the image button (🖼️) to download a PNG with the name, molecular formula and ChemModel watermark.
The viewer background is dark (#0a0f1e), ideal for dark-themed presentations and articles.
Reusable HTML snippet
Copy this block into any HTML to add a 3D visualization button:
<a href="https://chemmodel.com/en/lab/?mol=caffeine"
target="_blank" rel="noopener noreferrer"
style="display:inline-flex;align-items:center;gap:7px;
background:#0a0f1e;color:#00d4aa;
border:1.5px solid #00d4aa55;padding:8px 18px;
border-radius:8px;font-size:13px;font-weight:600;
text-decoration:none;font-family:system-ui">
<svg width="16" height="16" viewBox="0 0 100 100" fill="none"
xmlns="http://www.w3.org/2000/svg">
<polygon points="50,12 82,31 82,69 50,88 18,69 18,31"
fill="none" stroke="currentColor" stroke-width="9"/>
<circle cx="50" cy="50" r="19" fill="none"
stroke="currentColor" stroke-width="6" stroke-dasharray="10 6"/>
</svg>
View caffeine in 3D
</a>Preview:
View caffeine in 3D