buyukakyuz/protein-foldspace

Fast and efficient interactive 3D protein structure viewer

0

stars

16

commits

TypeScript

primary language

Sep 7, 2026

updated

protein-foldspace.vercel.app
3d-visualization
molecular-visualization
protein-structure
protein-viewer
protein-visualization
webgl

README

Protein Structure Viewer

A fast and interactive 3D protein structure viewer. Load any protein from RCSB by ID, explore 4 representation modes, toggle individual chains and ligands, and explode subunits apart. All in the browser with no server compute.

Explore the live demo

What you can do

  • Load any structure from RCSB by ID or search by name, with curated highlights included.
  • Four rendering modes including cartoon, ball-and-stick, spacefill, and molecular surface.
  • Smart coloring by chain, secondary structure, element, or hydrophobicity gradient.
  • Component control to toggle individual chains, ligands, ions, and water on or off.
  • Explode subunits to pull multi-chain structures apart with a slider, or slice through single-chain models.

Run locally

Requires pnpm. No API keys needed.

pnpm install
pnpm dev

Open http://localhost:3000.

License

MIT. See LICENSE.

Contributors

buyukakyuz

16 commits

buyukakyuz/protein-foldspace

Fast and efficient interactive 3D protein structure viewer

0

stars

16

commits

TypeScript

primary language

Sep 7, 2026

updated

protein-foldspace.vercel.app
3d-visualization
molecular-visualization
protein-structure
protein-viewer
protein-visualization
webgl

README

Protein Structure Viewer

A fast and interactive 3D protein structure viewer. Load any protein from RCSB by ID, explore 4 representation modes, toggle individual chains and ligands, and explode subunits apart. All in the browser with no server compute.

Explore the live demo

What you can do

  • Load any structure from RCSB by ID or search by name, with curated highlights included.
  • Four rendering modes including cartoon, ball-and-stick, spacefill, and molecular surface.
  • Smart coloring by chain, secondary structure, element, or hydrophobicity gradient.
  • Component control to toggle individual chains, ligands, ions, and water on or off.
  • Explode subunits to pull multi-chain structures apart with a slider, or slice through single-chain models.

Run locally

Requires pnpm. No API keys needed.

pnpm install
pnpm dev

Open http://localhost:3000.

License

MIT. See LICENSE.

See what people are saying

Contributors

buyukakyuz

16 commits

Languages

TypeScript

97.7%

CSS

2.3%