GGenomics UI

Components

Install any piece as local React + Tailwind source, then adapt it inside your own design system. Every viewer speaks the shared reference-residue coordinate from coordinate-link.

Foundation

Viewers

Sequence Viewer
@genomics/sequence-viewer

Virtualized DNA/RNA/protein, to megabase scale.

MSA Viewer
@genomics/msa-viewer

Two-axis virtualized multiple alignment.

Structure Viewer
@genomics/structure-viewer

3Dmol.js wrapper with a linked confidence strip.

PAE Matrix
@genomics/pae-matrix

Predicted aligned error / contact map.

Phylo Tree
@genomics/phylo-tree

Rectangular phylogram from Newick.

Track Viewer
@genomics/track-viewer

Linear coordinate browser (IGV-in-a-box).

Sequence Logo
@genomics/sequence-logo

Information-content logo over an alignment.

Domain Diagram
@genomics/domain-diagram

Pfam-style protein architecture.

Read Pileup
@genomics/read-pileup

IGV-style alignment pileup.

Ideogram
@genomics/ideogram

Chromosome overview + navigation.

Dot Plot
@genomics/dot-plot

Pairwise comparison by shared k-mers.

Manhattan Plot
@genomics/manhattan-plot

Genome-wide association results.

Volcano Plot
@genomics/volcano-plot

Differential-expression volcano.

Expression Heatmap
@genomics/expression-heatmap

Genes × samples, row z-scored.

Structure Superposition
@genomics/structure-superposition

Align and overlay structures, colored by RMSD.

Ramachandran
@genomics/ramachandran

φ/ψ dihedral scatter for structure validation.

Plasmid Map
@genomics/plasmid-map

Circular DNA map for plasmids and small genomes.

Chromatogram
@genomics/chromatogram

Sanger sequencing trace (.ab1-style) viewer.

Pairwise Alignment
@genomics/pairwise-alignment

Query/subject alignment with midline.

Embedding Scatter
@genomics/embedding-scatter

UMAP / t-SNE cell embedding.

SC Dotplot
@genomics/sc-dotplot

Single-cell marker dot plot.

Violin Plot
@genomics/violin-plot

Distributions across groups.

CNV Profile
@genomics/cnv-profile

Genome-wide copy-number profile.

Sashimi Plot
@genomics/sashimi-plot

RNA-seq coverage + junction arcs.

Secondary Structure
@genomics/secondary-structure

1D protein SS ribbon (DSSP-style).

Molecule 2D
@genomics/molecule-2d

2D small-molecule depiction from SMILES.

Surface Viewer
@genomics/surface-viewer

Molecular surface colored by residue property.

Interaction Diagram
@genomics/interaction-diagram

LigPlot-style 2D ligand–residue contacts.

Synteny
@genomics/synteny

Ribbon comparison between two sequences.

Restriction Map
@genomics/restriction-map

Linear DNA map of restriction sites.

Karyotype
@genomics/karyotype

Whole-genome chromosome grid.

Hi-C Matrix
@genomics/hic-matrix

Chromatin contact map with TADs and loops.

Network Graph
@genomics/network-graph

Interaction, regulatory, and pathway networks.

Translation Strip
@genomics/translation-strip

Six-frame translation and ORFs under a DNA sequence.

Cluster Heatmap
@genomics/cluster-heatmap

Expression heatmap with row and column dendrograms.

Plate Map
@genomics/plate-map

96- and 384-well plates, as a first-class view.

Genomic Axis
@genomics/genomic-axis

Gene model on a genomic axis, linked to protein residues.

Clinical & stats

Cells & data

Controls

Intake