Public
Like
MolstarViewer
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
This Val displays the 1FAP (HIV-1 protease) protein structure using the Molstar Viewer v5.
- Interactive 3D Visualization: Full Molstar viewer with rotation, zoom, and pan controls
- PDB Structure Loading: Loads the 1FAP structure directly from RCSB PDB
- Responsive Design: Works on desktop and mobile devices
- Error Handling: Graceful fallbacks and loading indicators
1FAP: HIV-1 protease complexed with the inhibitor CGP 53820
- Resolution: 2.3 Å
- Method: X-ray crystallography
- Organism: Human immunodeficiency virus 1
index.tsx
- HTTP endpoint that serves the HTML pagemolstar-viewer.tsx
- React component containing the Molstar viewerREADME.md
- This documentation
The viewer loads automatically when you visit the HTTP endpoint. Use these mouse controls:
- Left click + drag: Rotate the structure
- Right click + drag: Zoom in/out
- Middle click + drag: Pan the view
- Uses Molstar v5.0.0 from unpkg CDN
- React 18.2.0 for the UI components
- TypeScript for type safety
- Loads PDB files directly from RCSB PDB servers
To view a different PDB structure, modify the pdbId
prop in the MolstarViewer
component: