diff --git a/_includes/icon.liquid b/_includes/icon.liquid
new file mode 100644
index 000000000000..bf30384e55bd
--- /dev/null
+++ b/_includes/icon.liquid
@@ -0,0 +1,27 @@
+{% assign addIcon = include.icon %}
+<img
+  {% if addIcon contains 'http' %}
+    src="{{ addIcon }}"
+  {% else %}
+    src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{{ addIcon }}"
+  {% endif %}
+  {% if include.alt %}
+    alt="{{ include.alt }}"
+  {% endif %}
+  {% if include.title %}
+    title="{{ include.title }}"
+  {% endif %}
+  {% if include.width %}
+    width="{{ include.width }}"
+  {% else %}
+    width="auto"
+  {% endif %}
+  {% if include.height %}
+    height="{{ include.height }}"
+  {% else %}
+    height="2.5rem"
+  {% endif %}
+>
+{% if include.spaceAfter %}
+  <img width="{{ include.width }}">
+{% endif %}
diff --git a/_layouts/github-project.liquid b/_layouts/github-project.liquid
new file mode 100644
index 000000000000..ecc146a53a8a
--- /dev/null
+++ b/_layouts/github-project.liquid
@@ -0,0 +1,53 @@
+---
+layout: default
+---
+{% if page._styles %}
+  <!-- Page/Post style -->
+  <style type="text/css">
+    {{ page._styles }}
+  </style>
+{% endif %}
+
+<div class="post">
+  <header class="post-header">
+    <div style="display: flex; align-items: flex-start;">
+      <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
+        {% include figure.liquid path=page.img max-width="200px" max-height="200px" class="img-fluid rounded z-depth-1" %}
+      </div>
+
+      <div style="padding-left: 20px;">
+        <h1>{{ page.title }}</h1>
+        <p>{{ page.description }}</p>
+        <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+          {% for icon in page.icons %}
+            {% include icon.liquid site=icon.site file=icon.file %}
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+    {% if page.repositories %}
+      <hr>
+      <div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
+        {% for repo in page.repositories %}
+          {% include repository/repo.liquid repository=repo %}
+        {% endfor %}
+      </div>
+    {% endif %}
+    <hr>
+  </header>
+
+  <article>
+    {{ content }}
+  </article>
+
+  {% if page.related_publications %}
+    <h2>References</h2>
+    <div class="publications">
+      {% bibliography --cited_in_order %}
+    </div>
+  {% endif %}
+
+  {% if site.giscus and page.giscus_comments %}
+    {% include giscus.liquid %}
+  {% endif %}
+</div>