diff --git a/web/src/layout/common/PackageCard.tsx b/web/src/layout/common/PackageCard.tsx
index 2ef62a707..d98490d0f 100644
--- a/web/src/layout/common/PackageCard.tsx
+++ b/web/src/layout/common/PackageCard.tsx
@@ -21,6 +21,7 @@ import CNCF from './badges/CNCF';
 import Deprecated from './badges/Deprecated';
 import Official from './badges/Official';
 import Signed from './badges/Signed';
+import ValuesSchemaBadge from './badges/ValuesSchema';
 import VerifiedPublisher from './badges/VerifiedPublisher';
 import styles from './PackageCard.module.css';
 import PackageCategoryLabel from './PackageCategoryLabel';
@@ -273,6 +274,12 @@ const PackageCard = (props: Props) => {
                 <div className="d-flex flex-row ms-auto">
                   {props.package.deprecated && <Deprecated className="d-inline mt-3 ms-2" />}
                   {(props.package.cncf || props.package.repository.cncf) && <CNCF className="d-inline mt-3 ms-2" />}
+                  {props.package.repository.kind === RepositoryKind.Helm && (
+                    <ValuesSchemaBadge
+                      hasValuesSchema={props.package.hasValuesSchema || false}
+                      className="d-inline mt-3 ms-2"
+                    />
+                  )}
                   <Signed
                     signed={props.package.signed}
                     signatures={props.package.signatures}
diff --git a/web/src/layout/common/__snapshots__/PackageCard.test.tsx.snap b/web/src/layout/common/__snapshots__/PackageCard.test.tsx.snap
index 2081a6085..6d13a9599 100644
--- a/web/src/layout/common/__snapshots__/PackageCard.test.tsx.snap
+++ b/web/src/layout/common/__snapshots__/PackageCard.test.tsx.snap
@@ -744,6 +744,163 @@ exports[`PackageCard creates snapshot 1`] = `
             <div
               class="d-flex flex-row ms-auto"
             >
+              <div
+                data-testid="Values Schema badge"
+              >
+                <div
+                  class="d-none d-md-block position-relative d-inline mt-3 ms-2"
+                >
+                  <div
+                    class="position-absolute"
+                  >
+                    <div
+                      class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-end"
+                      role="complementary"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <div
+                          class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
+                        >
+                          Values schema
+                        </div>
+                        <p>
+                          This chart does not provide a 
+                          <span
+                            class="fw-bold"
+                          >
+                            values schema
+                          </span>
+                          .
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="border label"
+                  >
+                    <div
+                      class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
+                    >
+                      <div
+                        class="icon"
+                      >
+                        <svg
+                          fill="none"
+                          height="1em"
+                          stroke="currentColor"
+                          stroke-width="0"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            clip-rule="evenodd"
+                            d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
+                            fill="currentColor"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="d-block d-md-none d-inline mt-3 ms-2"
+                >
+                  <div
+                    class="border label"
+                    role="button"
+                  >
+                    <div
+                      class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
+                    >
+                      <div
+                        class="icon"
+                      >
+                        <svg
+                          fill="none"
+                          height="1em"
+                          stroke="currentColor"
+                          stroke-width="0"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            clip-rule="evenodd"
+                            d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
+                            fill="currentColor"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                  <div>
+                    <div
+                      aria-modal="false"
+                      class="modal modal"
+                      role="dialog"
+                    >
+                      <div
+                        class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
+                      >
+                        <div
+                          class="modal-content border border-3 mx-auto content"
+                        >
+                          <div
+                            class="modal-body p-4 h-100 d-flex flex-column"
+                          >
+                            <div>
+                              <div
+                                class="overflow-hidden alertWrapper"
+                                data-testid="alertWrapper"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            class="modal-footer p-3 undefined"
+                          >
+                            <div
+                              aria-label="Close modal"
+                              class="btn btn-sm btn-outline-secondary text-uppercase"
+                              role="button"
+                            >
+                              <div
+                                class="d-flex flex-row align-items-center"
+                              >
+                                <svg
+                                  class="me-2"
+                                  fill="currentColor"
+                                  height="1em"
+                                  stroke="currentColor"
+                                  stroke-width="0"
+                                  viewBox="0 0 24 24"
+                                  width="1em"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    d="M0 0h24v24H0z"
+                                    fill="none"
+                                  />
+                                  <path
+                                    d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                                  />
+                                </svg>
+                                <div>
+                                  Close
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
               <div
                 data-testid="Signed badge"
               >
diff --git a/web/src/layout/common/badges/ValuesSchema.tsx b/web/src/layout/common/badges/ValuesSchema.tsx
new file mode 100644
index 000000000..3a743bb08
--- /dev/null
+++ b/web/src/layout/common/badges/ValuesSchema.tsx
@@ -0,0 +1,42 @@
+import { isNull, isUndefined } from 'lodash';
+import { CgListTree } from 'react-icons/cg';
+
+import Badge from './Badge';
+
+interface Props {
+  hasValuesSchema: boolean;
+  className?: string;
+  dropdownAlignment?: 'start' | 'end';
+  noDropdown?: boolean;
+  smallSize?: boolean;
+}
+
+const ValuesSchemaBadge = (props: Props) => {
+  const hasValuesSchema =
+    !isNull(props.hasValuesSchema) && !isUndefined(props.hasValuesSchema) && props.hasValuesSchema;
+
+  return (
+    <Badge
+      title="Values Schema"
+      bgColor="#FCA311"
+      icon={<CgListTree />}
+      active={hasValuesSchema}
+      className={props.className}
+      dropdownAlignment={props.dropdownAlignment}
+      noDropdown={props.noDropdown}
+      smallSize={props.smallSize}
+      popoverContent={
+        <>
+          <div className="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1">Values schema</div>
+
+          <p>
+            This chart {hasValuesSchema ? 'provides' : 'does not provide'} a{' '}
+            <span className="fw-bold">values schema</span>.
+          </p>
+        </>
+      }
+    />
+  );
+};
+
+export default ValuesSchemaBadge;
diff --git a/web/src/layout/package/__snapshots__/index.test.tsx.snap b/web/src/layout/package/__snapshots__/index.test.tsx.snap
index 59f468bd4..d65b6a07d 100644
--- a/web/src/layout/package/__snapshots__/index.test.tsx.snap
+++ b/web/src/layout/package/__snapshots__/index.test.tsx.snap
@@ -499,6 +499,163 @@ exports[`Package index creates snapshot 1`] = `
           <div
             class="d-flex flex-row mt-3 me-4"
           >
+            <div
+              data-testid="Values Schema badge"
+            >
+              <div
+                class="d-none d-md-block position-relative me-2"
+              >
+                <div
+                  class="position-absolute"
+                >
+                  <div
+                    class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-start dropdownStart"
+                    role="complementary"
+                  >
+                    <div
+                      class="content"
+                    >
+                      <div
+                        class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
+                      >
+                        Values schema
+                      </div>
+                      <p>
+                        This chart does not provide a 
+                        <span
+                          class="fw-bold"
+                        >
+                          values schema
+                        </span>
+                        .
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="border label"
+                >
+                  <div
+                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
+                  >
+                    <div
+                      class="icon"
+                    >
+                      <svg
+                        fill="none"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="d-block d-md-none me-2"
+              >
+                <div
+                  class="border label"
+                  role="button"
+                >
+                  <div
+                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
+                  >
+                    <div
+                      class="icon"
+                    >
+                      <svg
+                        fill="none"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+                <div>
+                  <div
+                    aria-modal="false"
+                    class="modal modal"
+                    role="dialog"
+                  >
+                    <div
+                      class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
+                    >
+                      <div
+                        class="modal-content border border-3 mx-auto content"
+                      >
+                        <div
+                          class="modal-body p-4 h-100 d-flex flex-column"
+                        >
+                          <div>
+                            <div
+                              class="overflow-hidden alertWrapper"
+                              data-testid="alertWrapper"
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="modal-footer p-3 undefined"
+                        >
+                          <div
+                            aria-label="Close modal"
+                            class="btn btn-sm btn-outline-secondary text-uppercase"
+                            role="button"
+                          >
+                            <div
+                              class="d-flex flex-row align-items-center"
+                            >
+                              <svg
+                                class="me-2"
+                                fill="currentColor"
+                                height="1em"
+                                stroke="currentColor"
+                                stroke-width="0"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M0 0h24v24H0z"
+                                  fill="none"
+                                />
+                                <path
+                                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                                />
+                              </svg>
+                              <div>
+                                Close
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               data-testid="Signed badge"
             >
diff --git a/web/src/layout/package/index.tsx b/web/src/layout/package/index.tsx
index 3c9af7596..1a7b6f2d4 100644
--- a/web/src/layout/package/index.tsx
+++ b/web/src/layout/package/index.tsx
@@ -44,6 +44,7 @@ import CNCF from '../common/badges/CNCF';
 import Deprecated from '../common/badges/Deprecated';
 import Official from '../common/badges/Official';
 import Signed from '../common/badges/Signed';
+import ValuesSchemaBagde from '../common/badges/ValuesSchema';
 import VerifiedPublisher from '../common/badges/VerifiedPublisher';
 import BlockCodeButtons from '../common/BlockCodeButtons';
 import ContentDefaultModal from '../common/ContentDefaultModal';
@@ -931,6 +932,13 @@ const PackageView = () => {
                       <div className="d-flex flex-row mt-3 me-4">
                         {detail.deprecated && <Deprecated className="me-2" dropdownAlignment="start" />}
                         {(detail.cncf || detail.repository.cncf) && <CNCF className="me-2" dropdownAlignment="start" />}
+                        {detail.repository.kind === RepositoryKind.Helm && (
+                          <ValuesSchemaBagde
+                            hasValuesSchema={detail.hasValuesSchema || false}
+                            className="me-2"
+                            dropdownAlignment="start"
+                          />
+                        )}
                         <Signed
                           signed={detail.signed}
                           signatures={detail.signatures}
diff --git a/widget/public/index.html b/widget/public/index.html
index 4b7845322..c4feccccc 100644
--- a/widget/public/index.html
+++ b/widget/public/index.html
@@ -11,7 +11,7 @@
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
 
-  <div class="artifacthub-widget-group" data-url="http://localhost:8000/packages/search?user=cynthia-sg&sort=relevance&page=1" data-theme="light" data-header="false" data-stars="true" data-color="#417598" data-responsive="true"  data-loading="true"></div>
+  <div class="artifacthub-widget-group" data-url="http://localhost:8000/packages/search?user=cynthia-sg&sort=relevance&page=1" data-theme="dark" data-header="false" data-stars="true" data-color="#417598" data-responsive="true"  data-loading="true"></div>
   <div class="artifacthub-widget-group" data-url="http://localhost:8000/packages/search?kind=22&sort=relevance&page=1" data-theme="light" data-header="false" data-stars="true" data-color="#417598" data-responsive="true"  data-loading="true"></div>
   <div class="artifacthub-widget-group" data-url="http://localhost:8000/packages/search?kind=21&sort=relevance&page=1" data-theme="light" data-header="false" data-stars="true" data-color="#417598" data-responsive="true"  data-loading="true"></div>
   <div class="artifacthub-widget-group" data-url="http://localhost:8000/packages/search?kind=21&sort=relevance&page=1" data-theme="dark" data-header="false" data-stars="true" data-color="#417598" data-responsive="true"  data-loading="true"></div>
diff --git a/widget/src/layout/Group.tsx b/widget/src/layout/Group.tsx
index b89377ce8..a8848b975 100644
--- a/widget/src/layout/Group.tsx
+++ b/widget/src/layout/Group.tsx
@@ -3,7 +3,7 @@ import { Fragment, useEffect, useState } from 'react';
 import styled from 'styled-components';
 
 import API from '../api';
-import { PackageSummary } from '../types';
+import { PackageSummary, RepositoryKind } from '../types';
 import Loading from './common/Loading';
 import Widget from './Widget';
 
@@ -52,7 +52,11 @@ const hasBadges = (packages: PackageSummary[] | null): boolean => {
   if (packages) {
     return some(
       packages,
-      (pkg: PackageSummary) => pkg.official || pkg.repository.official || pkg.repository.verifiedPublisher
+      (pkg: PackageSummary) =>
+        pkg.official ||
+        pkg.repository.official ||
+        pkg.repository.verifiedPublisher ||
+        (pkg.repository.kind === RepositoryKind.Helm && pkg.hasValuesSchema)
     );
   }
 
diff --git a/widget/src/layout/Widget.tsx b/widget/src/layout/Widget.tsx
index 4636b7b55..8f4e07af2 100644
--- a/widget/src/layout/Widget.tsx
+++ b/widget/src/layout/Widget.tsx
@@ -466,12 +466,17 @@ export default function Widget(props: Props) {
 
                 {(packageSummary.official ||
                   packageSummary.repository.official ||
-                  packageSummary.repository.verifiedPublisher) && (
+                  packageSummary.repository.verifiedPublisher ||
+                  (packageSummary.repository.kind === RepositoryKind.Helm && packageSummary.hasValuesSchema)) && (
                   <BadgesWrapper>
                     {packageSummary.deprecated && <Label type="deprecated" />}
 
                     {(packageSummary.cncf || packageSummary.repository.cncf) && <Label type="cncf" />}
 
+                    {packageSummary.repository.kind === RepositoryKind.Helm && packageSummary.hasValuesSchema && (
+                      <Label type="valuesSchema" />
+                    )}
+
                     {packageSummary.signed && <Label type="signed" />}
 
                     {packageSummary.repository.verifiedPublisher && <Label type="verified" />}
diff --git a/widget/src/layout/__snapshots__/Group.test.tsx.snap b/widget/src/layout/__snapshots__/Group.test.tsx.snap
index 9910d657d..fcac5c802 100644
--- a/widget/src/layout/__snapshots__/Group.test.tsx.snap
+++ b/widget/src/layout/__snapshots__/Group.test.tsx.snap
@@ -159,7 +159,7 @@ exports[`Group creates snapshot 1`] = `
                 class="sc-ikkxIA bGCYMV"
               >
                 <div
-                  class="sc-dcJsrY jVzKED verified"
+                  class="sc-dcJsrY dMpHTL verified"
                 >
                   <div
                     aria-hidden="true"
@@ -185,7 +185,7 @@ exports[`Group creates snapshot 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-dcJsrY jVzKED official"
+                  class="sc-dcJsrY dMpHTL official"
                 >
                   <div
                     aria-hidden="true"
@@ -535,7 +535,7 @@ exports[`Group creates snapshot 1`] = `
                 class="sc-ikkxIA bGCYMV"
               >
                 <div
-                  class="sc-dcJsrY jVzKED verified"
+                  class="sc-dcJsrY dMpHTL verified"
                 >
                   <div
                     aria-hidden="true"
diff --git a/widget/src/layout/__snapshots__/Widget.test.tsx.snap b/widget/src/layout/__snapshots__/Widget.test.tsx.snap
index 5f4fb00d6..7b2c6f641 100644
--- a/widget/src/layout/__snapshots__/Widget.test.tsx.snap
+++ b/widget/src/layout/__snapshots__/Widget.test.tsx.snap
@@ -247,7 +247,7 @@ exports[`Widget creates snapshot 1`] = `
             class="sc-ikkxIA bGCYMV"
           >
             <div
-              class="sc-eqUAAy iJJbyO verified"
+              class="sc-eqUAAy iwndgS verified"
             >
               <div
                 aria-hidden="true"
@@ -273,7 +273,7 @@ exports[`Widget creates snapshot 1`] = `
               </div>
             </div>
             <div
-              class="sc-eqUAAy iJJbyO official"
+              class="sc-eqUAAy iwndgS official"
             >
               <div
                 aria-hidden="true"
diff --git a/widget/src/layout/common/Label.test.tsx b/widget/src/layout/common/Label.test.tsx
index 5ff1f89bb..8ded7175c 100644
--- a/widget/src/layout/common/Label.test.tsx
+++ b/widget/src/layout/common/Label.test.tsx
@@ -16,4 +16,9 @@ describe('Label', () => {
     render(<Label {...defaultProps} />);
     expect(screen.getByTitle('official')).toBeInTheDocument();
   });
+
+  it('renders valuesSchema', () => {
+    render(<Label type="valuesSchema" />);
+    expect(screen.getByTitle('valuesSchema')).toBeInTheDocument();
+  });
 });
diff --git a/widget/src/layout/common/Label.tsx b/widget/src/layout/common/Label.tsx
index a45ba2ef5..e9345a1e0 100644
--- a/widget/src/layout/common/Label.tsx
+++ b/widget/src/layout/common/Label.tsx
@@ -23,6 +23,10 @@ const LabelWrapper = styled('div')`
     background-color: #645cbb;
   }
 
+  &.valuesSchema {
+    background-color: #fca311;
+  }
+
   &.cncf {
     background-color: transparent;
 
diff --git a/widget/src/layout/common/SVGIcons.tsx b/widget/src/layout/common/SVGIcons.tsx
index 742bffa13..6d9c81537 100644
--- a/widget/src/layout/common/SVGIcons.tsx
+++ b/widget/src/layout/common/SVGIcons.tsx
@@ -168,6 +168,20 @@ const SVGIcons = (props: Props) => (
             </svg>
           );
 
+        case 'valuesSchema':
+          return (
+            <svg width="1em" height="1em" fill="none" stroke="currentColor" strokeWidth="0" viewBox="0 0 24 24">
+              <title>{props.name}</title>
+              <path
+                fill="currentColor"
+                fillRule="evenodd"
+                stroke="none"
+                d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
+                clipRule="evenodd"
+              />
+            </svg>
+          );
+
         case 'cncf':
           return (
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,389,389" version="1.1">
diff --git a/widget/src/types.ts b/widget/src/types.ts
index 937c1f9b1..cf497a1f9 100644
--- a/widget/src/types.ts
+++ b/widget/src/types.ts
@@ -13,6 +13,7 @@ export interface PackageSummary {
   cncf?: boolean;
   signed?: boolean;
   deprecated?: boolean;
+  hasValuesSchema?: boolean;
 }
 
 export interface Repository {