GGenomics UI
Components/Viewers

Secondary Structure

@genomics/secondary-structure

1D protein SS ribbon (DSSP-style).

Preview

helixstrandcoil
23 segments over 279 residues
Sample kinase domain
279 aa · 1–279
279 aa
Use arrow keys to move along the sequence, Shift plus arrow to jump ten, Home and End for the ends, Enter to select, Space to add to the selection, Escape to clear.

About

Per-residue H / E / C states rendered along the residue axis: helices as cylinders, strands as arrows, coil as a thin line — the strip that sits under a sequence-viewer. Speaks the reference-residue coordinate, so hover/select stays linked.

Usage

import { SecondaryStructure } from "@/components/ui/secondary-structure"

<SecondaryStructure ss="CCCHHHHHEEEE..." start={1} />
Registry dependencies
@genomics/utils
@genomics/coordinate-link
Source: components/ui/secondary-structure.tsx