diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index 6931c0255..ecf3bae03 100644
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -19,6 +19,7 @@
                         <li class="topbar-submenu-header">PREMIUM TEMPLATES</li>
                         <li><a href="https://www.primefaces.org/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li>
                         <li><a href="https://www.primefaces.org/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a></li>
+                        <li><a href="https://www.primefaces.org/babylon-vue"><img src="./assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a></li>
                         <li class="topbar-submenu-header">FREE TEMPLATES</li>
                         <li><a href="https://www.primefaces.org/sigma-vue"><img src="./assets/images/layouts/themeswitcher-sigma.png" alt="Sigma" /><span>Sigma</span></a></li>
                         <li class="topbar-submenu-header">FREE THEMES</li>
diff --git a/src/assets/images/layouts/babylon.jpg b/src/assets/images/layouts/babylon.jpg
new file mode 100644
index 000000000..79ae5257c
Binary files /dev/null and b/src/assets/images/layouts/babylon.jpg differ
diff --git a/src/assets/images/layouts/themeswitcher-babylon.png b/src/assets/images/layouts/themeswitcher-babylon.png
new file mode 100644
index 000000000..759e034c3
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-babylon.png differ
diff --git a/src/views/Home.vue b/src/views/Home.vue
index e44ca1cef..d02439e96 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -82,11 +82,16 @@
             <p>Powered by <a href="https://cli.vuejs.org">Vue-CLI</a>, create awesome applications in no time using the premium templates of PrimeVue and impress your users.</p>
 
             <div class="p-grid">
-                <div class="p-col-12 p-md-6">
+                <div class="p-col-12">
                     <a href="https://www.primefaces.org/layouts/sapphire-vue">
                         <img alt="Sapphire" src="../assets/images/layouts/sapphire.jpg">
                     </a>
                 </div>
+                <div class="p-col-12 p-md-6">
+                    <a href="https://www.primefaces.org/layouts/babylon-vue">
+                        <img alt="Babylon" src="../assets/images/layouts/babylon.jpg">
+                    </a>
+                </div>
                 <div class="p-col-12 p-md-6">
                     <a href="https://www.primefaces.org/layouts/avalon-vue">
                         <img alt="Avalon" src="../assets/images/layouts/avalon.jpg">