Molecule 2D

2D small-molecule depiction from SMILES.

Preview

About

Wraps smiles-drawer (pure JS, no wasm) to render a ligand or compound to canvas — the chemistry surface for ligands in pockets, drug candidates, and cofactors. Loaded lazily; falls back to the raw SMILES if parsing fails.

Usage

import { Molecule2D } from "@/components/ui/molecule-2d"

<Molecule2D smiles="CN1C=NC2=C1C(=O)N(C(=O)N2C)C" name="Caffeine" />