ChemSharp.Molecules.Blazor 1.0.15

<p align="center"> <img src="https://raw.githubusercontent.com/JensKrumsieck/ChemSharp/master/icon.png" height="125px" /></p> <h1 align="center" >ChemSharp.Molecules.Blazor</h1>

Blazor view for ChemSharp.Molecules using Three.js

Creates a BlazorMolecule-Component to be used in your razor-Views. Supports all files supported by ChemSharp.Molecules. You can use BlazorMoleculeFactory to create molecule from IBrowserFile

Example usage of BlazorMolecule component (razor-file):

@page "/molecule"
@using ChemSharp.Molecules.Blazor
@inject IJSRuntime JS

<h3>Molecule</h3>
<InputFile OnChange="OnFileChange" id="filedrop" class="form-control" />   
<BlazorMolecule Molecule=molecule class="lol" style="height: 50vh;"/>

@code {

  Molecule? molecule;

  private async Task OnFileChange(InputFileChangeEventArgs args)
  {
      var file = args.File;
      molecule = await BlazorMoleculeFactory.CreateAsync(file);
  }
}

Example Project: https://github.com/JensKrumsieck/blazor-playground

Supported Files:

• Import (XYZ, CIF (crystallographic information file, CCDC), MOL2 (TRIPOS Mol2), PDB (Protein Data Bank file), CDXML (Single Molecule only))
• Export (XYZ, MOL2)

<hr/>

Used Libraries:

• MathNet.Numerics

Compatibility

• .NET 6.0