Home▸Materials Science▸2D Materials: Graphene, h-BN & TMD Heterostructure Stacking Simulator

⬡ 2D Materials: Graphene, h-BN & TMD Heterostructure Stacking Simulator

Stack graphene, hexagonal boron nitride, MoS2 and MXene monolayers into a van der Waals heterostructure. Switch material, add layers, twist to the 1.1 degree magic angle, and watch the band gap and conductivity type change live.

Materials Science3DAdvanced60 FPS

Details

CategoryMaterials Science

RenderingThree.js · WebGL

DifficultyAdvanced

Target FPS60

ControlsMaterial buttons (Graphene / h-BN / MoS2 / MXene) switch atomic composition and properties; layers slider (1-3) stacks additional monolayers; twist-angle slider (0-30 deg, with a magic-angle snap button) rotates each layer and reveals the moire pattern; interlayer-spacing slider adjusts the van der Waals gap and interlayer coupling strength.

Three.js2D materialsgraphenevan der Waals heterostructureInstancedMesh

Related simulations

Stress-Strain CurveApply strain to five engineering materials and watch the specimen neck and fracture,…

Dislocation & Crystal SlipApply shear stress to a crystal lattice and watch an edge dislocation glide along its slip…

Alloy Phase Diagram — Binary EutecticCool a binary alloy through a eutectic phase diagram, apply the lever rule at any… ⊞ All 234 in Materials Science →

⚙ Under the hood

Three.js2D materialsgraphenevan der Waals heterostructureInstancedMesh

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install