diff --git a/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp b/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp
index c0f9dd59e..0a5c519c3 100644
--- a/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp
+++ b/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:488e7f5d230de95f7c6b3175f7859a5fe729bfdeb0872499501ce4e4248e633d
-size 16864
+oid sha256:d01ed6cb99bd5f635b762d96e5c9783357bf242db758b784572e08cb6608d8ee
+size 43506
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/jl-set-nb.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/jl-set-nb.png
new file mode 100644
index 000000000..7ab90d613
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/jl-set-nb.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:995a6d1e51e6f704055fc5ac75c8a55918838d760ac43f65d42902114141726d
+size 211144
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/standata-import-bn.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/standata-import-bn.png
new file mode 100644
index 000000000..555bc7c91
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/standata-import-bn.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b73bd96e3f415b91abb02eda494f9f756e3fbe5031fb0a58e1fabdb23ffa88d8
+size 143857
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-62_64.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-62_64.png
new file mode 100644
index 000000000..adb0e26a7
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-62_64.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:284c03e9fb8d7500e2ce6b5ffccf9419e99c772b69215e26b32431a0ba12fc88
+size 419690
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-paper-image.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-paper-image.png
new file mode 100644
index 000000000..a11ecc4bf
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-paper-image.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c3b0d838ca41200295c886a5743eef533c8c1c1c1bb9107b2d5d685f41ef511f
+size 1881359
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-jl.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-jl.png
new file mode 100644
index 000000000..f2f5540b5
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-jl.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:abad008495668c270debbc5141bb7c29b99ab974deead37e91b9b6cfd6fdb407
+size 292947
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-wavejs.png b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-wavejs.png
new file mode 100644
index 000000000..6e2a34bd5
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-wavejs.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f05a93b0a3cc1357af532b7e3efd0b940326d4f0d4227f1f03f8eb2ec21aa6b2
+size 809453
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/MoS2-twisted-bilayers.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/MoS2-twisted-bilayers.png
new file mode 100644
index 000000000..d1343e492
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/MoS2-twisted-bilayers.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7990138e036ca67c519e3ebaef58de11623e9b1be44af2e942d432284de52bfd
+size 402277
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/jl-set-nb.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/jl-set-nb.png
new file mode 100644
index 000000000..4a3df47d8
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/jl-set-nb.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67dd8f3fad5b612eaa087258d6daad907467163f2fd3538da87f8eda8a0f61a7
+size 160380
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-0.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-0.png
new file mode 100644
index 000000000..308b66502
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-0.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6185d6c2afc62a163301bf4be9c68792eb5258584a7b5e0a7f70250f7a3a24d
+size 60755
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-13.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-13.png
new file mode 100644
index 000000000..5c1ac2431
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-13.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5b0406e9d746b56291d385f7883970f95e10246db6eb237f177fc8ac5035a798
+size 88465
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-22.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-22.png
new file mode 100644
index 000000000..8a689a966
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-22.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af20b434bbf41272d39fb99fc0624d4d18ae9e9749854cd6443980d592dfd87b
+size 69723
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-38.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-38.png
new file mode 100644
index 000000000..60d03f9f3
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-38.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c713b5c0411686813c3c2b45b839c81c0a599f80bcc9c3a9e72229faee4a6ecc
+size 58587
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-47.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-47.png
new file mode 100644
index 000000000..f845176a6
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-47.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e1cae739bd0a544e06af84249aa7783893c4d50951967ffaad4cc6a58b6cb17
+size 85662
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-60.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-60.png
new file mode 100644
index 000000000..49a351616
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-60.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b3ba5f9337702844ae8f4e06bfba50136ef4bb781cce23be387535a06d672725
+size 60137
diff --git a/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/standata-import-mos2.png b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/standata-import-mos2.png
new file mode 100644
index 000000000..17586ef01
--- /dev/null
+++ b/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/standata-import-mos2.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef183768ccdfdee53301c2e6538adb945d42280dcd5e9a7d6cbfc5d83f76fa27
+size 79851
diff --git a/lang/en/docs/tutorials/materials/specific/defect-creation-point-substitution-graphene.md b/lang/en/docs/tutorials/materials/specific/defect-point-substitution-graphene.md
similarity index 89%
rename from lang/en/docs/tutorials/materials/specific/defect-creation-point-substitution-graphene.md
rename to lang/en/docs/tutorials/materials/specific/defect-point-substitution-graphene.md
index 6ecf041cc..006a99369 100644
--- a/lang/en/docs/tutorials/materials/specific/defect-creation-point-substitution-graphene.md
+++ b/lang/en/docs/tutorials/materials/specific/defect-point-substitution-graphene.md
@@ -11,7 +11,7 @@ This tutorial demonstrates the process of creating materials with substitution d
 
 [//]: # (<embed src="https://journals.aps.org/prb/abstract/10.1103/PhysRevB.84.245446" width="100%" height="300">)
 
-!!!note "Reference"
+!!!note "Manuscript"
     Yoshitaka Fujimoto and Susumu Saito, "Formation, stabilities, and electronic properties of nitrogen defects in graphene", Physical Review B, 2011. [DOI: 10.1103/PhysRevB.84.245446](https://journals.aps.org/prb/abstract/10.1103/PhysRevB.84.245446){:target='_blank'}.
 
 We use the [Materials Designer](../../../materials-designer/overview.md) to create a supercell of graphene, identify the crystal site positions for defects, and introduce nitrogen atoms and vacancies accordingly.
@@ -20,7 +20,7 @@ We will focus on creating graphene-nitrogen structures from FIG. 1.
 Specifically, the material from FIG. 1. b) of the paper: 
 
 
-![Point Defect, Substitution, 0](/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp "Point Defect, Substitution, FIG. 1. b)")
+![Point Defect, Substitution, 0](/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/0-figure-from-manuscript.webp "Point Defect, Substitution, FIG. 1.")
 
 
 ## 1. Create Graphene Supercell
@@ -101,19 +101,19 @@ Here's the visual of the updated content:
 
 ![Notebook setup](/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/5-jl-setup.webp "Notebook setup")
 
-## 5. Run the Notebook
+## 4. Run the Notebook
 
 Run the notebook by clicking `Run` > `Run All` in the top menu to run cells and wait for the results to appear.
 
 ![Run All](/images/jupyterlite/run-all.webp "Run All")
 
-## 6. Analyze the Results
+## 5. Analyze the Results
 
 After running the notebook, the user will be able to visualize the structure of Graphene with substitution defects.
 
 ![Review the Results](/images/tutorials/materials/defects/defect_creation_point_substitution_graphene/6-jl-result-preview.webp "Review the Results")
 
-## 7. Pass the Material to Materials Designer
+## 6. Pass the Material to Materials Designer
 
 The user can pass the material with substitution defects in the current Materials Designer environment and save it.
 
@@ -126,21 +126,9 @@ Or the user can [save or download](../../../materials-designer/header-menu/input
 
 The following JupyterLite notebook demonstrates the process of creating materials with substitution defects in graphene. Select "Run" > "Run All Cells".
 
-{% with origin_url=config.extra.jupyterlite.origin_url %}
-{% with notebooks_path_root=config.extra.jupyterlite.notebooks_path_root %}
-{% with notebook_name='specific_examples/defect_creation_point_substitution_graphene.ipynb' %}
+{% with origin_url="https://jupyterlite.mat3ra.com/retro/notebooks/?path=api-examples/other/materials_designer/specific_examples/defect_point_substitution_graphene.ipynb" %}
 {% include 'jupyterlite_embed.html' %}
 {% endwith %}
-{% endwith %}
-{% endwith %}
-
-<!--
-{# TODO: Update the origin_url
-    {% with origin_url="https://jupyterlite.mat3ra.com/retro/notebooks/?path=api-examples/other/materials_designer/specific_examples/defect_creation_point_substitution_graphene.ipynb" %}
-    {% include 'jupyterlite_embed.html' %}
-    {% endwith %}
-#}
--->
 
 ## Tags
 
diff --git a/lang/en/docs/tutorials/materials/specific/defect-creation-surface-island-titanium-nitride.md b/lang/en/docs/tutorials/materials/specific/defect-surface-island-titanium-nitride.md
similarity index 97%
rename from lang/en/docs/tutorials/materials/specific/defect-creation-surface-island-titanium-nitride.md
rename to lang/en/docs/tutorials/materials/specific/defect-surface-island-titanium-nitride.md
index 936dc1693..da2c256ed 100644
--- a/lang/en/docs/tutorials/materials/specific/defect-creation-surface-island-titanium-nitride.md
+++ b/lang/en/docs/tutorials/materials/specific/defect-surface-island-titanium-nitride.md
@@ -11,7 +11,7 @@ This tutorial demonstrates the process of creating material with island on the s
 
 [//]: # (<embed src="https://journals.aps.org/prb/abstract/10.1103/PhysRevB.97.035406" width="100%" height="300">)
 
-!!!note "Reference"
+!!!note "Manuscript"
     **D. G. Sangiovanni, A. B. Mei, D. Edström, L. Hultman, V. Chirita, I. Petrov, and J. E. Greene**, 
     "Effects of surface vibrations on interlayer mass transport: Ab initio molecular dynamics investigation of Ti adatom descent pathways and rates from TiN/TiN(001) islands", Physical Review B, 2018. [DOI: 10.1103/PhysRevB.97.035406](https://journals.aps.org/prb/abstract/10.1103/PhysRevB.97.035406){:target='_blank'}.
 
@@ -166,7 +166,7 @@ The following JupyterLite notebook demonstrates the process of creating material
 
 {% with origin_url=config.extra.jupyterlite.origin_url %}
 {% with notebooks_path_root=config.extra.jupyterlite.notebooks_path_root %}
-{% with notebook_name='specific_examples/defect_creation_island.ipynb' %}
+{% with notebook_name='specific_examples/defect_surface_island_titanium_nitride.ipynb' %}
 {% include 'jupyterlite_embed.html' %}
 {% endwith %}
 {% endwith %}
@@ -174,7 +174,7 @@ The following JupyterLite notebook demonstrates the process of creating material
 
 <!--
 {# TODO: Update the origin_url
-    {% with origin_url="https://jupyterlite.mat3ra.com/retro/notebooks/?path=api-examples/other/materials_designer/specific_examples/defect_creation_island.ipynb" %}
+    {% with origin_url="https://jupyterlite.mat3ra.com/retro/notebooks/?path=api-examples/other/materials_designer/specific_examples/defect_surface_island_titanium_nitride.ipynb" %}
     {% include 'jupyterlite_embed.html' %}
     {% endwith %}
 #}
diff --git a/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-commensurate-lattices-molybdenum-disulfide.md b/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-commensurate-lattices-molybdenum-disulfide.md
new file mode 100644
index 000000000..48d91dbac
--- /dev/null
+++ b/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-commensurate-lattices-molybdenum-disulfide.md
@@ -0,0 +1,147 @@
+---
+# YAML header
+render_macros: true
+---
+
+# Twisted Bilayer Molybdenum Disulfide Structure Creation
+
+## Introduction
+
+This tutorial demonstrates the process of creating a twisted bilayer molybdenum disulfide (MoS2) structure based on the work presented in the following manuscript.
+
+!!!note "Manuscript"
+    **Kaihui Liu, Liming Zhang, Ting Cao, Chenhao Jin, Diana Qiu, Qin Zhou, Alex Zettl, Peidong Yang, Steve G. Louie & Feng Wang**,
+    "Evolution of interlayer coupling in twisted molybdenum disulfide bilayers" Nature Communications volume 5, Article number: 4966 (2014)
+    [DOI: 10.1038/ncomms5966](https://doi.org/10.1038/ncomms5966)
+
+
+We use the [Materials Designer](../../../materials-designer/overview.md) to create molybdenum disulfide bilayer structure configurations with multiple twist angles.
+
+The Figure 4 shows the twisted bilayer MoS2 configurations.
+
+![Twisted Bilayer Molybdenum Disulfide](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/MoS2-twisted-bilayers.png   "Twisted Bilayer Molybdenum Disulfide")
+
+## 1. Load and preview MoS2 structure
+
+First, we navigate to [Materials Designer](../../../materials-designer/overview.md) and import the MoS2 material from the [Standata](../../../materials-designer/header-menu/input-output/standata-import.md).
+
+
+![Standata MoS2 Import](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/standata-import-mos2.png "Standata MoS2 Import")
+
+Then we will use the [JupyterLite](../../../jupyterlite/overview.md) environment to create a twisted bilayer molybdenum disulfide structure.
+
+
+## 2. Create MoS2 bilayer with a twist angle of 22 degrees
+
+### 2.1 Launch JupyterLite Session
+
+Select the "Advanced > [JupyterLite Transformation](../../../materials-designer/header-menu/advanced/jupyterlite-dialog.md)" menu item to launch the JupyterLite environment.
+
+
+![JupyterLite Dialog](/images/jupyterlite/md-advanced-jl.webp "JupyterLite Dialog")
+
+### 2.2. Open and modify the notebook
+
+Next, edit `create_twisted_interface_with_commnesurate_lattices.ipynb` notebook to modify the parameters by adding: `TARGET_TWIST_ANGLE = 22` and `INTERFACE_DISTANCE = 6.5` -- found in the publication description.
+
+Adjust the "1.1. Set up slab parameters" cell in the notebook according to:
+
+```python
+# Material selection and basic parameters
+FILM_INDEX = 0 # Index in the list of materials, to access as materials[FILM_INDEX]
+SUBSTRATE_INDEX = None  # Can be None to use same material as film
+
+# Twisted interface parameters
+TARGET_TWIST_ANGLE = 22.0  # in degrees
+INTERFACE_DISTANCE = 6.5  # in Angstroms
+INTERFACE_VACUUM = 20.0  # in Angstroms
+
+# Search algorithm parameters
+MAX_REPETITION = 6  # Maximum supercell matrix element value
+ANGLE_TOLERANCE = 0.5  # in degrees
+RETURN_FIRST_MATCH = True  # If True, returns first solution within tolerance
+
+# Visualization parameters
+SHOW_INTERMEDIATE_STEPS = True
+VISUALIZE_REPETITIONS = [3, 3, 1]
+```
+
+![Notebook setup](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/jl-set-nb.png "Notebook setup")
+
+
+### 2.3. Run the Notebook
+
+After setting the parameters, run the notebook to create the twisted bilayer molybdenum disulfide structure.
+
+![Run All](/images/jupyterlite/run-all.webp "Run All")
+
+### 2.4. View Results and pass to Materials Designer
+
+The generation might take some time.
+After that, the user can pass the material to the Materials Designer for further analysis.
+
+The interface for 22 degrees twist is shown below.
+
+![Result Material, 22 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-22.png "MoS2 Twisted Bilayer, 22 degrees")
+
+## 3. Create bilayers with other twist angles
+
+### 3.1. Repeat the steps above
+To create a twisted bilayer MoS2 structure with a different twist angle, repeat the steps above, adjusting the `TARGET_TWIST_ANGLE` and `INTERFACE_DISTANCE` parameters accordingly.
+
+Values for angle and associated interlayer separation provided below come from the description of Figure 4 in the publication, below each example has an image of the resulting material.
+
+```python
+TARGET_TWIST_ANGLE = 0.0
+INTERFACE_DISTANCE = 6.8
+```
+
+![Result Material, 0 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-0.png "MoS2 Twisted Bilayer, 0 degrees")
+
+
+```python
+TARGET_TWIST_ANGLE =  13.0
+INTERFACE_DISTANCE =  6.5
+```
+
+![Result Material, 13 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-13.png "MoS2 Twisted Bilayer, 13 degrees")
+
+```python
+TARGET_TWIST_ANGLE = 38.0
+INTERFACE_DISTANCE = 6.5
+```
+
+![Result Material, 38 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-38.png "MoS2 Twisted Bilayer, 38 degrees")
+
+```python
+TARGET_TWIST_ANGLE = 47.0
+INTERFACE_DISTANCE = 6.5
+```
+
+![Result Material, 47 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-47.png "MoS2 Twisted Bilayer, 47 degrees")
+
+```python
+TARGET_TWIST_ANGLE = 60.0
+INTERFACE_DISTANCE = 6.2
+```
+
+![Result Material, 60 degrees](/images/tutorials/materials/interfaces/twisted-bilayer-molybdenum-disulfide/mos2-result-wavejs-60.png "MoS2 Twisted Bilayer, 60 degrees")
+
+
+## Interactive JupyterLite Notebook
+
+The interactive JupyterLite notebook for creating twisted bilayer MoS2 structures can be accessed below. To run the notebook, click on the "Run All" button.
+
+
+{% with origin_url=config.extra.jupyterlite.origin_url %}
+{% with notebooks_path_root=config.extra.jupyterlite.notebooks_path_root %}
+{% with notebook_name='specific_examples/interface_bilayer_twisted_commensurate_lattices_molybdenum_disulfide.ipynb' %}
+{% include 'jupyterlite_embed.html' %}
+{% endwith %}
+{% endwith %}
+{% endwith %}
+
+## References
+
+1. Kaihui Liu, Liming Zhang, Ting Cao, Chenhao Jin, Diana Qiu, Qin Zhou, Alex Zettl, Peidong Yang, Steve G. Louie & Feng Wang, "Evolution of interlayer coupling in twisted molybdenum disulfide bilayers" Nature Communications volume 5, Article number: 4966 (2014) [DOI: 10.1038/ncomms5966](https://doi.org/10.1038/ncomms5966)
+2. Cao, Y., Fatemi, V., Fang, S. et al. Unconventional superconductivity in magic-angle graphene superlattices. Nature 556, 43–50 (2018). [DOI: 10.1038/nature26160](https://doi.org/10.1038/nature26160)
diff --git a/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-nanoribbons-boron-nitride.md b/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-nanoribbons-boron-nitride.md
new file mode 100644
index 000000000..a0f4e6386
--- /dev/null
+++ b/lang/en/docs/tutorials/materials/specific/interface-bilayer-twisted-nanoribbons-boron-nitride.md
@@ -0,0 +1,122 @@
+---
+# YAML header
+render_macros: true
+---
+
+# Twisted Bilayer Boron Nitride (TBBN) Structure Creation
+
+## Introduction
+
+This tutorial demonstrates the process of creating a twisted bilayer boron nitride (TBBN) structure based on the work presented in the following manuscript.
+
+!!!note "Manuscript"
+    **Lede Xian, Dante M. Kennes, Nicolas Tancogne-Dejean, Massimo Altarelli, and Angel Rubio**, 
+    "Multiflat Bands and Strong Correlations in Twisted Bilayer Boron Nitride: Doping-Induced Correlated Insulator and Superconductor" Phys. Rev. Lett. 125, 086402, 20 August 2020
+    [DOI: 10.1021/acs.nanolett.9b00986](https://doi.org/10.1021/acs.nanolett.9b00986)
+
+
+We use the [Materials Designer](../../../materials-designer/overview.md) to  create Hexagonal boron nitride bilayer structure configurations with 2 specific twist angles.
+
+The image shows the twisted bilayer hBN structure with a twist angle of 2.64° (a) and 62.64° (b).
+
+![Twisted Bilayer Boron Nitride](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-paper-image.png "Twisted Bilayer Boron Nitride")
+
+## 1. Load and preview BN structure
+
+First, we navigate to [Materials Designer](../../../materials-designer/overview.md) and import the BN material from the [Standata](../../../materials-designer/header-menu/input-output/standata-import.md).
+
+![Standata BN Import](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/standata-import-bn.png "Standata BN Import")
+
+Then we will use the [JupyterLite](../../../jupyterlite/overview.md) environment to create a twisted bilayer boron nitride structure.
+
+## 2. Create bilayer with a twist angle of 2.64°
+
+### 2.1 Launch JupyterLite Session
+
+Select the "Advanced > [JupyterLite Transformation](../../../materials-designer/header-menu/advanced/jupyterlite-dialog.md)" menu item to launch the JupyterLite environment.
+
+![JupyterLite Dialog](/images/jupyterlite/md-advanced-jl.webp "JupyterLite Dialog")
+
+### 2.2. Open and modify the notebook
+
+Next, edit `create_twisted_interface_with_nanoribbons.ipynb` notebook to modify the parameters by adding: `RIBBON_WIDTH = 50` and `RIBBON_LENGTH = 50`, `TWIST_ANGLE = 2.64`.
+Adjust the "1.1. Set up slab parameters" cell in the notebook according to:
+
+```python
+FILM_INDEX = 0  # Index in the list of materials, to access as materials[FILM_INDEX]
+SUBSTRATE_INDEX = None  # Can be None to use same material as film
+
+# Interface parameters
+TWIST_ANGLE = 2.64  # in degrees
+INTERFACE_DISTANCE = 3.23  # in Angstroms
+INTERFACE_VACUUM = 20.0  # in Angstroms
+
+# Nanoribbon parameters
+RIBBON_WIDTH = 50  # Width of the nanoribbon in unit cells
+RIBBON_LENGTH = 50  # Length of the nanoribbon in unit cells
+VACUUM_X = 5.0  # Vacuum along x on both sides, in Angstroms
+VACUUM_Y = 5.0  # Vacuum along y on both sides, in Angstroms
+
+# Visualization parameters
+SHOW_INTERMEDIATE_STEPS = True
+VISUALIZE_REPETITIONS = [1, 1, 1]
+```
+
+![Notebook setup](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/jl-set-nb.png "Notebook setup")
+
+### 2.3. Run the Notebook
+
+After setting the parameters, run the notebook with "Run" > "Run All" option to create the twisted bilayer boron nitride structure.
+
+![Run All](/images/jupyterlite/run-all.webp "Run All")
+
+### 2.4. Analyze the Results
+
+After running the notebook, the user will be able to visualize the created twisted bilayer boron nitride structure.
+
+![Review the Results](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-jl.png "Review the Results")
+
+### 2.5. Pass Results to the Materials Designer
+
+After reviewing the results, the user can pass the material to the Materials Designer for further analysis.
+
+
+![Result Material](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-result-wavejs.png "Result Material")
+
+## 3. Create a TBBN structure with a twist angle of 62.64°
+
+### 3.1. Repeat the steps above
+To create a twisted bilayer boron nitride structure with a twist angle of 62.64°, repeat the above steps 2.1 -- 2.5 with the following modifications.
+ 
+Set `TWIST_ANGLE = 62.64` in the "1.1. Set up slab parameters" cell in the notebook.
+
+
+### 3.2. View Results and pass to the Materials Designer
+
+After running the notebook, the user will be able to visualize the created twisted bilayer boron nitride structure with a twist angle of 62.64°.
+
+After reviewing the results, the user can pass the material to the Materials Designer for further analysis.
+
+![Twisted Bilayer Boron Nitride Structure with 62.64° Twist Angle](/images/tutorials/materials/interfaces/twisted-bilayer-boron-nitride/tbbn-62_64.png "Twisted Bilayer Boron Nitride Structure with 62.64° Twist Angle")
+
+## Interactive JupyterLite Notebook
+
+The interactive JupyterLite notebook for creating the twisted bilayer boron nitride structure can be accessed below. Select "Run" > "Run All Cells" to create two materials.
+
+{% with origin_url=config.extra.jupyterlite.origin_url %}
+{% with notebooks_path_root=config.extra.jupyterlite.notebooks_path_root %}
+{% with notebook_name='specific_examples/interface_bilayer_twisted_nanoribbons_boron_nitride.ipynb' %}
+{% include 'jupyterlite_embed.html' %}
+{% endwith %}
+{% endwith %}
+{% endwith %}
+
+## References 
+
+1. **Lede Xian, Dante M. Kennes, Nicolas Tancogne-Dejean, Massimo Altarelli, and Angel Rubio**, 
+    "Multiflat Bands and Strong Correlations in Twisted Bilayer Boron Nitride: Doping-Induced Correlated Insulator and Superconductor" Phys. Rev. Lett. 125, 086402 – Published 20 August 2020 DOI: 10.1021/acs.nanolett.9b00986
+
+## Tags
+
+`twisted-bilayer`,`nanoribbons`, `boron-nitride`,  `BN`, `boron`, `nitrogen`
+
diff --git a/mkdocs.yml b/mkdocs.yml
index ed609a633..4dbc0a4d7 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -218,9 +218,10 @@ nav:
             - Import materials from files in various formats:                   tutorials/materials/import-from-files.md
 
             - Specific:
-                - Substitutional Point Defects in Graphene:                   tutorials/materials/specific/defect-creation-point-substitution-graphene.md
-                - Island Surface Defect Formation in TiN:                     tutorials/materials/specific/defect-creation-surface-island-titanium-nitride.md
-
+                - Substitutional Point Defects in Graphene:                   tutorials/materials/specific/defect-point-substitution-graphene.md
+                - Island Surface Defect Formation in TiN:                     tutorials/materials/specific/defect-surface-island-titanium-nitride.md
+                - Twisted Bilayer h-BN nanoribbons:                       tutorials/materials/specific/interface-bilayer-twisted-nanoribbons-boron-nitride.md
+                - Twisted Bilayer MoS2 commensurate lattices:                tutorials/materials/specific/interface-bilayer-twisted-commensurate-lattices-molybdenum-disulfide.md
 
 # COMMON UI COMPONENTS
     - Interface Components: