diff --git a/frontend/projects/marketplace/src/pages/show/package/package.component.html b/frontend/projects/marketplace/src/pages/show/package/package.component.html
index b0557b89a..91b969292 100644
--- a/frontend/projects/marketplace/src/pages/show/package/package.component.html
+++ b/frontend/projects/marketplace/src/pages/show/package/package.component.html
@@ -7,6 +7,10 @@
   <div class="text">
     <h1 class="title">{{ pkg.manifest.title }}</h1>
     <p class="version">{{ pkg.manifest.version | displayEmver }}</p>
+    <!-- @TODO remove conditional when registry code deployed. published-at will be required -->
+    <p *ngIf="pkg['published-at']" class="published">
+      Released: {{ pkg['published-at'] | date: 'medium' }}
+    </p>
     <ng-content></ng-content>
   </div>
 </div>
diff --git a/frontend/projects/marketplace/src/pages/show/package/package.component.scss b/frontend/projects/marketplace/src/pages/show/package/package.component.scss
index cca766e55..51fa47ac4 100644
--- a/frontend/projects/marketplace/src/pages/show/package/package.component.scss
+++ b/frontend/projects/marketplace/src/pages/show/package/package.component.scss
@@ -18,11 +18,16 @@
 }
 
 .version {
-  padding: 4px 0 12px 0;
   margin: 0;
   font-size: 18px;
 }
 
+.published {
+  margin: 0;
+  padding: 4px 0 12px 0;
+  font-style: italic;
+}
+
 @media (min-width: 1000px) {
   .logo {
     width: 140px;
diff --git a/frontend/projects/marketplace/src/types/marketplace-pkg.ts b/frontend/projects/marketplace/src/types/marketplace-pkg.ts
index 259cd325e..157ec16c0 100644
--- a/frontend/projects/marketplace/src/types/marketplace-pkg.ts
+++ b/frontend/projects/marketplace/src/types/marketplace-pkg.ts
@@ -14,4 +14,5 @@ export interface MarketplacePkg {
       icon: Url
     }
   }
+  'published-at': string
 }
diff --git a/frontend/projects/ui/src/app/services/api/api.fixures.ts b/frontend/projects/ui/src/app/services/api/api.fixures.ts
index 9f1e1c8f0..d76eec58f 100644
--- a/frontend/projects/ui/src/app/services/api/api.fixures.ts
+++ b/frontend/projects/ui/src/app/services/api/api.fixures.ts
@@ -647,6 +647,7 @@ export module Mock {
         categories: ['bitcoin', 'cryptocurrency'],
         versions: ['0.19.0', '0.20.0', '0.21.0'],
         'dependency-metadata': {},
+        'published-at': new Date().toISOString(),
       },
       '0.20.0': {
         icon: BTC_ICON,
@@ -659,6 +660,7 @@ export module Mock {
         categories: ['bitcoin', 'cryptocurrency'],
         versions: ['0.19.0', '0.20.0', '0.21.0'],
         'dependency-metadata': {},
+        'published-at': new Date().toISOString(),
       },
       '0.21.0': {
         icon: BTC_ICON,
@@ -673,6 +675,7 @@ export module Mock {
         categories: ['bitcoin', 'cryptocurrency'],
         versions: ['0.19.0', '0.20.0', '0.21.0'],
         'dependency-metadata': {},
+        'published-at': new Date().toISOString(),
       },
       latest: {
         icon: BTC_ICON,
@@ -686,6 +689,7 @@ export module Mock {
         categories: ['bitcoin', 'cryptocurrency'],
         versions: ['0.19.0', '0.20.0', '0.21.0'],
         'dependency-metadata': {},
+        'published-at': new Date().toISOString(),
       },
     },
     lnd: {
@@ -710,6 +714,7 @@ export module Mock {
             icon: PROXY_ICON,
           },
         },
+        'published-at': new Date().toISOString(),
       },
       '0.11.1': {
         icon: LND_ICON,
@@ -732,6 +737,7 @@ export module Mock {
             icon: PROXY_ICON,
           },
         },
+        'published-at': new Date().toISOString(),
       },
       latest: {
         icon: LND_ICON,
@@ -750,6 +756,7 @@ export module Mock {
             icon: PROXY_ICON,
           },
         },
+        'published-at': new Date().toISOString(),
       },
     },
     'btc-rpc-proxy': {
@@ -766,6 +773,7 @@ export module Mock {
             icon: BTC_ICON,
           },
         },
+        'published-at': new Date().toISOString(),
       },
     },
   }