Bio TooltipsBiological tooltips for any HTML document.

Add rich, contextual gene and chemical tooltips with framework-agnostic JavaScript.

Gene Tooltips

MyGene.info-powered summaries, species context, pathways, transcripts, structures, and gene model visuals.

MyChem.info-powered identifiers, structures, properties, pharmacology, safety notes, and source-aware records.

One tooltip engine for caching, prefetching, theming, viewport behavior, and future modules.

Hover or focus the highlighted terms:

Gene tooltip: TP53

Chemical tooltip: aspirin

Mixed entities: BRCA1 is often discussed alongside compounds such as aspirin.

bash

npm install bio-tooltips

Use module subpaths when you only need one entity type:

import { GeneTooltip } from 'bio-tooltips/mygene';
import { ChemicalTooltip } from 'bio-tooltips/mychem';
import 'bio-tooltips/style.css';

The root import also exposes the current tooltip modules:

import { GeneTooltip, ChemicalTooltip } from 'bio-tooltips';

The default root export remains the gene tooltip module for compatibility with early gene-tooltips integrations.

See Getting Started for setup details or open the mixed entity demo.