Surface Viewer

Molecular surface colored by residue property.

Preview

About

A structure-viewer sibling that renders the molecular surface (3Dmol addSurface) shaded by hydrophobicity, charge, or B-factor — the view for reading pockets and electrostatics. Same lazy, in-view lifecycle and coordinate-link bridge as structure-viewer.

Usage

import { SurfaceViewer } from "@/components/ui/surface-viewer"

<SurfaceViewer source={{ pdbId: "1HCL" }} colorBy="hydrophobicity" />