diff --git a/package.json b/package.json
index e6bb2c168a..bb98e44dd6 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.0",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-5",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
diff --git a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
index 1542ecad0d..fd374b7b19 100644
--- a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
+++ b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
@@ -33,7 +33,6 @@ import {
     GenericFilterEmptyState,
     getSelectPickerOptionByValue,
     Icon,
-    noop,
     numberComparatorBySortOrder,
     OptionType,
     PaginationEnum,
@@ -55,6 +54,7 @@ import { importComponentFromFELibrary } from '@Components/common'
 import { URLS } from '@Config/routes'
 import CreateCluster from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/CreateCluster.component'
 import { CreateClusterTypeEnum } from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/types'
+import { UpgradeToEnterpriseDialog } from '@Pages/Shared/UpgradeToEnterprise'
 
 import { getClusterList, getEnvironmentList } from './cluster.service'
 import {
@@ -84,8 +84,9 @@ const PodSpreadModal = importComponentFromFELibrary('PodSpreadModal', null, 'fun
 const HibernationRulesModal = importComponentFromFELibrary('HibernationRulesModal', null, 'function')
 
 const ClusterList = () => {
-    const { isSuperAdmin } = useMainContext()
+    const { isSuperAdmin, licenseData } = useMainContext()
     const isK8sClient = window._env_.K8S_CLIENT
+    const isFreemium = licenseData?.isFreemium ?? false
 
     const { push } = useHistory()
     const { search } = useLocation()
@@ -121,6 +122,7 @@ const ClusterList = () => {
     )
 
     const [showUnmappedEnvs, setShowUnmappedEnvs] = useState(false)
+    const [showUpgradeToEnterprise, setShowUpgradeToEnterprise] = useState(false)
 
     const clusterIdVsEnvMap: Record<number, Environment[]> = useMemo(
         () =>
@@ -244,6 +246,8 @@ const ClusterList = () => {
 
     const isEnvironmentsView = selectedTab === ClusterEnvTabs.ENVIRONMENTS
     const isClusterEnvListLoading = clusterListLoading || envListLoading
+    const isClusterAdditionAllowed =
+        !isFreemium || clusterListResult?.length < licenseData?.moduleLimits.maxAllowedClusters
 
     // Early return for non super admin users
     if (!isK8sClient && !isSuperAdmin) {
@@ -338,15 +342,76 @@ const ClusterList = () => {
         )
     }
 
+    const handleOpenUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(true)
+    }
+
+    const handleCloseUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(false)
+    }
+
+    const renderAddEnvButton = () => (
+        <Button
+            dataTestId="add-environment-button"
+            linkProps={{
+                to: {
+                    pathname: `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`,
+                    search,
+                },
+            }}
+            component={ButtonComponentType.link}
+            startIcon={<Icon name="ic-add" color={null} />}
+            size={ComponentSizeType.medium}
+            text="Add Environment"
+        />
+    )
+
+    const renderAddClusterButton = () => (
+        <Button
+            dataTestId="add-cluster-button"
+            component={ButtonComponentType.link}
+            startIcon={<Icon name="ic-link" color={null} />}
+            size={ComponentSizeType.medium}
+            text="Connect Cluster"
+            {...(isClusterAdditionAllowed
+                ? {
+                      component: ButtonComponentType.link,
+                      linkProps: {
+                          to: generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
+                              type: CreateClusterTypeEnum.CONNECT_CLUSTER,
+                          }),
+                          search,
+                      },
+                  }
+                : {
+                      component: ButtonComponentType.button,
+                      onClick: handleOpenUpgradeDialog,
+                  })}
+        />
+    )
+
+    const renderAddClusterRoute = () =>
+        isClusterAdditionAllowed ? (
+            <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
+                <CreateCluster
+                    handleReloadClusterList={reloadClusterList}
+                    handleRedirectOnModalClose={handleRedirectToClusterList}
+                />
+            </Route>
+        ) : null
+
     if (clusterListResult && !clusterListResult.length) {
         return (
-            <GenericEmptyState
-                title="Manage Clusters and Environments"
-                subTitle="It looks like you haven't set up any Kubernetes clusters yet. Start by adding your first cluster and environment."
-                isButtonAvailable
-                renderButton={noop}
-                image={NoClusterImg}
-            />
+            <>
+                <GenericEmptyState
+                    title="Manage Clusters and Environments"
+                    subTitle="It looks like you haven't set up any Kubernetes clusters yet. Start by adding your first cluster and environment."
+                    isButtonAvailable
+                    renderButton={renderAddClusterButton}
+                    image={NoClusterImg}
+                />
+                {renderAddClusterRoute()}
+            </>
         )
     }
 
@@ -394,23 +459,7 @@ const ClusterList = () => {
                             keyboardShortcut="/"
                         />
                         {ManageCategoryButton && <ManageCategoryButton search={search} />}
-                        <Button
-                            dataTestId={isEnvironmentsView ? 'add-environment-button' : 'add-cluster-button'}
-                            linkProps={{
-                                to: {
-                                    pathname: isEnvironmentsView
-                                        ? `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`
-                                        : generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
-                                              type: CreateClusterTypeEnum.CONNECT_CLUSTER,
-                                          }),
-                                    search,
-                                },
-                            }}
-                            component={ButtonComponentType.link}
-                            startIcon={<Icon name={isEnvironmentsView ? 'ic-add' : 'ic-link'} color={null} />}
-                            size={ComponentSizeType.medium}
-                            text={isEnvironmentsView ? 'Add Environment' : 'Connect Cluster'}
-                        />
+                        {isEnvironmentsView ? renderAddEnvButton() : renderAddClusterButton()}
                         {isEnvironmentsView && (
                             <ActionMenu
                                 id="additional-options-action-menu"
@@ -451,13 +500,9 @@ const ClusterList = () => {
                 {/* Body */}
                 {renderList()}
                 {/* Modals and Routes */}
+                <UpgradeToEnterpriseDialog open={showUpgradeToEnterprise} handleClose={handleCloseUpgradeDialog} />
                 {ManageCategories && <ManageCategories />}
-                <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
-                    <CreateCluster
-                        handleReloadClusterList={reloadClusterList}
-                        handleRedirectOnModalClose={handleRedirectToClusterList}
-                    />
-                </Route>
+                {renderAddClusterRoute()}
                 <Route path={COMMON_URLS.GLOBAL_CONFIG_EDIT_CLUSTER}>
                     <EditCluster
                         clusterList={clusterListResult ?? []}
diff --git a/src/Pages/License/ActivateLicense.tsx b/src/Pages/License/ActivateLicense.tsx
index 9bf8008978..d541d7ba3c 100644
--- a/src/Pages/License/ActivateLicense.tsx
+++ b/src/Pages/License/ActivateLicense.tsx
@@ -57,12 +57,12 @@ const ActivateLicense = () => {
 
         // licenseDataError.code === 404 means, oss and licensing does not exist
         //  In case licenseStatusError is null, license is valid
-        if (licenseDataError?.code === API_STATUS_CODES.NOT_FOUND || !licenseData.licenseStatusError) {
+        if (licenseDataError?.code === API_STATUS_CODES.NOT_FOUND || !licenseData?.licenseStatusError) {
             redirectToLogin()
             return
         }
 
-        if (licenseData?.licenseStatusError.code === LicensingErrorCodes.LicKeyNotFound) {
+        if (licenseData?.licenseStatusError?.code === LicensingErrorCodes.LicKeyNotFound) {
             setShowActivateDialog(true)
         }
     }, [isLoading, licenseData])
@@ -91,11 +91,17 @@ const ActivateLicense = () => {
                     <div className="fs-20 lh-1-5 fw-7 cn-9 font-merriweather dc__truncate">
                         {licenseData.enterpriseName}
                     </div>
-                    <div className="fs-16 lh-1-5 cr-5 fw-4">Your license key is no longer valid</div>
+                    <div className="fs-16 lh-1-5 cr-5 fw-4">
+                        {licenseData.isFreemium &&
+                        licenseData.licenseStatusError?.code === LicensingErrorCodes.ClusterLimitExceeded
+                            ? 'Freemium Limit Reached'
+                            : 'Your license key is no longer valid'}
+                    </div>
                 </div>
             </div>
             {licenseData.licenseStatusError &&
-            licenseData.licenseStatusError.code !== LicensingErrorCodes.LicenseExpired ? (
+            licenseData.licenseStatusError.code !== LicensingErrorCodes.LicenseExpired &&
+            licenseData.licenseStatusError.code !== LicensingErrorCodes.ClusterLimitExceeded ? (
                 <InfoBlock
                     heading="Need help?"
                     description={
@@ -124,7 +130,9 @@ const ActivateLicense = () => {
                     licenseStatus={licenseData.licenseStatus}
                     isTrial={licenseData.isTrial}
                     licenseSuffix={licenseData.licenseSuffix}
+                    isFreemium={licenseData.isFreemium}
                     appTheme={appTheme}
+                    licenseStatusError={licenseData.licenseStatusError}
                 />
             )}
             <div className="flex dc__content-space">
diff --git a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
new file mode 100644
index 0000000000..ca7233673e
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
@@ -0,0 +1,84 @@
+import {
+    Button,
+    ButtonStyleType,
+    ButtonVariantType,
+    GenericModal,
+    Icon,
+    noop,
+} from '@devtron-labs/devtron-fe-common-lib'
+
+import { ReactComponent as ICUpgradeToEnterprise } from './ic-upgrade-enterprise.svg'
+
+const ENTERPRISE_PLAN_OFFERINGS = [
+    'Unlimited clusters',
+    'Managed Devtron installation',
+    'Priority support',
+    'Contribute to our roadmap',
+    'Early access to enterprise features & more…',
+]
+
+const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handleClose: () => void }) => (
+    <GenericModal name="upgrade-to-enterprise" open={open} width={450} onClose={noop}>
+        <GenericModal.Body>
+            <div
+                className="p-32 flexbox-col dc__gap-32"
+                style={{
+                    background:
+                        'linear-gradient(183deg, var(--bg-primary) 5.64%, var(--bg-primary, #FFF) 41.13%, var(--B100) 76.62%, var(--V200) 94.36%)',
+                }}
+            >
+                <div className="flexbox-col dc__gap-16">
+                    <div className="flexbox dc__content-space dc__align-start">
+                        <ICUpgradeToEnterprise className="icon-dim-64" />
+                        <Button
+                            dataTestId="close-upgrade-dialog"
+                            icon={<Icon name="ic-close-large" color={null} />}
+                            variant={ButtonVariantType.secondary}
+                            style={ButtonStyleType.negativeGrey}
+                            onClick={handleClose}
+                            ariaLabel="close-upgrade-dialog"
+                            showAriaLabelInTippy={false}
+                        />
+                    </div>
+                    <div className="flexbox-col dc__gap-8">
+                        <h1 className="fs-24 lh-1-5 fw-7 cn-9 m-0">Upgrade to Enterprise Plan</h1>
+                        <span className="fs-16 fw-4 lh-1-5 cn-9">
+                            Your freemium plan allows only 1 cluster. Unlock more to scale without limits.
+                        </span>
+                    </div>
+                </div>
+                <div className="flexbox-col border__primary-translucent br-12 shadow__card--10">
+                    <div className="flexbox-col dc__gap-16 p-20">
+                        <span className="fs-15 fw-6 lh-1-5 cn-9">What’s included</span>
+                        <div className="flexbox-col dc__gap-8">
+                            {ENTERPRISE_PLAN_OFFERINGS.map((description) => (
+                                <div key={description} className="flexbox dc__gap-8 dc__align-items-center">
+                                    <Icon name="ic-check" color="G500" size={20} />
+                                    <span className="fs-13 lh-20 fw-4 cn-9">{description}</span>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                    <div className="divider__primary--horizontal" />
+                    <div className="p-20 flexbox-col dc__gap-20">
+                        <div className="flexbox-col dc__gap-4">
+                            <span className="fs-15 fw-6 lh-1-5 cn-9">Unlock Devtron&apos;s Full Potential</span>
+                            <span className="fs-13 hw-4 lh-1-5 cn-9">
+                                Scale your infrastructure, accelerate your teams, and get the resources you need to
+                                grow.
+                            </span>
+                        </div>
+                        {/* TODO: Add onClick handler */}
+                        <Button
+                            dataTestId="upgrade-to-enterprise"
+                            text="Upgrade Now"
+                            endIcon={<Icon name="ic-arrow-right" color={null} />}
+                        />
+                    </div>
+                </div>
+            </div>
+        </GenericModal.Body>
+    </GenericModal>
+)
+
+export default UpgradeToEnterpriseDialog
diff --git a/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg b/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
new file mode 100644
index 0000000000..eb7ca93cf2
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
@@ -0,0 +1,320 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <style>
+    .diamond {
+  animation: obj-rotate 3s forwards ease;
+  transform-origin: center;
+  transform-box: fill-box;
+  }
+
+  @keyframes obj-rotate {
+  0% {transform: rotate(-90deg);}
+  30% {transform: rotate(0deg);}
+  100% {transform: rotate(0deg);}
+}
+    .shape-bottom-left {
+    animation: anim-bottom-left 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-left {
+      0% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: 0;
+      }
+      25% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: .2;
+      }
+      100% {
+        d: path("M2 83.6167L113.5 240L58.5 126.737L2 83.6167Z"); opacity: 1;
+      }
+   }
+
+  .shape-bottom-right {
+    animation: anim-bottom-right 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-right {
+      0% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: 0;
+      }
+      25% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: .2;
+      }
+      100% {
+        d: path("M197 126.7L248 85.3701L135.5 240L197 126.7Z"); opacity: 1;
+      }
+   }
+
+    .shape-bottom-front {
+    animation: anim-bottom-front 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-front {
+      0% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: 0;
+      }
+      25% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: .2;
+      }
+      100% {
+        d: path("M125 243L70 127H180.706L125 243Z"); opacity: 1;
+      }
+   }
+
+    .shape-top-tl {
+    animation: anim-top-tl 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tl {
+    0% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    25% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    100% {
+      d: path("M35 43L7.5 73.5L4.51562 73.5L33.5 42.5L35 43Z"); opacity: 0;
+    }
+  }
+
+    .shape-top-front {
+    animation: anim-top-bottom 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-bottom {
+    0% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    25% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    100% {
+      d: path("M166.67 68.5L83.6699 68.5L70 116.999L180.67 116.999L166.67 68.5Z");
+    }
+  }
+
+    .shape-top-bl {
+    animation: anim-top-bl 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-bl {
+      0% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      25% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      100% {
+        d: path("M33.5 41.5L73.5 65L59.5 114L4 73.5L33.5 41.5Z");
+      }
+   }
+
+    .shape-top-br {
+    animation: anim-top-br 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-br {
+      0% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      25% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      100% {
+        d: path("M216.5 41L248.5 75.5L194 115.5L177.5 64.5L216.5 41Z");
+      }
+   }
+
+      .shape-top-face {
+      animation: anim-top-face 3s forwards ease;
+      transform-origin: center;
+      transform-box: fill-box;
+    }
+    
+    @keyframes anim-top-face {
+      0% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      25% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      100% {
+        d: path("M83.5 9L166.5 9L209 34L166.5 58.5L83.5 58.5L41 34L83.5 9Z");
+      }
+    }
+
+    .shape-top-back {
+    animation: anim-top-tf 2.5s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-tf {
+      0% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      25% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      100% {
+        d: path("M97.0755 13L155.973 13L172 11L81 11L97.0755 13Z"); opacity: .1;
+      }
+   }
+
+    .shape-top-tr {
+    animation: anim-top-tr 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tr {
+    0% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    25% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    100% {
+      d: path("M215.5 42L214 43L242.5 73.5L244.5 73.5L215.5 42Z"); opacity: 0;
+    }
+  }
+
+    .small-star {
+  animation: twinkle 2.9s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+.big-star {
+  animation: twinkle 2.6s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+@keyframes twinkle {
+      0% { transform: rotate(0deg) scale(0); opacity: 0;}
+      60% { transform: rotate(0deg) scale(0); opacity: 1;}
+      80% { transform: rotate(180deg) scale(1); opacity: 1;}
+      100% { transform: rotate(360deg) scale(0); opacity: 0;}
+      }
+    }
+</style>
+<g class="diamond">
+<path class="shape-top-tr" d="M191 23L171.62 57L207.54 119H246.663L191 23Z" fill="url(#paint8_linear_637_2386)"/>
+<path class="shape-bottom-left" d="M59.5 160L4.5 132L60 226.5L59.5 160Z" fill="url(#paint6_linear_637_2386)"/>
+<path class="shape-bottom-right" d="M191.5 160.289L246.5 132L192 226L191.5 160.289Z" fill="url(#paint2_linear_637_2386)"/>
+<path class="shape-bottom-front" d="M125.5 199.5L71 232.999H180L125.5 199.5Z" fill="url(#paint4_linear_637_2386)"/>
+<path class="shape-top-back" d="M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z" fill="url(#paint0_linear_637_2386)"/>
+<path class="shape-top-tl" d="M78.5 56.7344L42.7498 119H3.66296L58.8896 23L78.5 56.7344Z" fill="url(#paint1_linear_637_2386)"/>
+<path class="shape-top-bl" d="M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z" fill="url(#paint7_linear_637_2386)"/>
+<path class="shape-top-face" d="M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092H96.6555L68.3118 124.999L96.6555 75.9063Z" fill="url(#paint9_linear_637_2386)"/>
+<path class="shape-top-br" d="M208 132H247L192 226.5L172.5 193L208 132Z" fill="url(#paint3_linear_637_2386)"/>
+<path class="shape-top-front" d="M161.707 199.402H90.1915L70.7853 233.252H181.415L161.707 199.402Z" fill="url(#paint5_linear_637_2386)"/>
+<path class="big-star" d="M195 62C195 62 194.739 92.6268 207.056 104.944C219.373 117.261 250 117 250 117C250 117 219.373 116.739 207.056 129.056C194.739 141.373 195 172 195 172C195 172 195.261 141.373 182.944 129.056C170.627 116.739 140 117 140 117C140 117 170.627 117.261 182.944 104.944C195.261 92.6268 195 62 195 62Z" fill="#FFFCD0"/>
+<path class="small-star" d="M44 12C44 12 43.8577 28.7055 50.5761 35.4239C57.2945 42.1423 74 42 74 42C74 42 57.2945 41.8577 50.5761 48.5761C43.8577 55.2945 44 72 44 72C44 72 44.1423 55.2945 37.4239 48.5761C30.7055 41.8577 14 42 14 42C14 42 30.7055 42.1423 37.4239 35.4239C44.1423 28.7055 44 12 44 12Z" fill="#FFFCD0"/>
+<defs>
+  <linearGradient id="paint0_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint1_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#FFCF08;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#E37600;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint2_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="55%" stop-color="#C64200">
+      <animate attributeName="stop-color" values="#FF9518;#C64200" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="95%" stop-color="#FF9518">
+      <animate attributeName="stop-color" values="#C64200;#FF9518" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint3_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="75%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#FC9500;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="90%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#F7E373;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint4_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="32%" stop-color="#DA5724">
+      <animate attributeName="stop-color" values="#FCAC1A;#DA5724" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="60%" stop-color="#FCAC1A">
+      <animate attributeName="stop-color" values="#DA5724;#FCAC1A" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint5_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#EA8101">
+      <animate attributeName="stop-color" values="#FFF000;#EA8101" dur="2s" fill="freeze" />
+    </stop>
+    <stop offset="80%" stop-color="#FFF000">
+      <animate attributeName="stop-color" values="#FFF000;#FFF000" dur="2s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint6_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#CC501F">
+      <animate attributeName="stop-color" values="#D97600;#CC501F" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="40%" stop-color="#D97600">
+      <animate attributeName="stop-color" values="#CC501F;#D97600" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint7_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="8%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#FFCF08;#E37600" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="30%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#E37600;#FFCF08" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint8_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint9_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="30%" stop-color="#F99A00">
+      <animate attributeName="stop-color" values="#FFD800;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="55%" stop-color="#FFD800">
+      <animate attributeName="stop-color" values="#F99A00;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+</defs>
+
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/Pages/Shared/UpgradeToEnterprise/index.ts b/src/Pages/Shared/UpgradeToEnterprise/index.ts
new file mode 100644
index 0000000000..901be71fc1
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/index.ts
@@ -0,0 +1 @@
+export { default as UpgradeToEnterpriseDialog } from './UpgradeToEnterpriseDialog'
diff --git a/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx b/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
index 9bbdaa4e3e..fdff4d95db 100644
--- a/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
+++ b/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
@@ -78,7 +78,7 @@ const ClusterSelectionBody: React.FC<ClusterSelectionBodyTypes> = ({
                 image={NoClusterEmptyState}
                 title="No clusters found"
                 subTitle="Add a cluster to view and debug Kubernetes resources in the cluster"
-                renderButton={renderNewClusterButton(refreshData)}
+                renderButton={renderNewClusterButton(refreshData, 0)}
             />
         )
     }
diff --git a/src/components/ResourceBrowser/PageHeader.buttons.tsx b/src/components/ResourceBrowser/PageHeader.buttons.tsx
index 6a0ccb2e69..58918308f8 100644
--- a/src/components/ResourceBrowser/PageHeader.buttons.tsx
+++ b/src/components/ResourceBrowser/PageHeader.buttons.tsx
@@ -30,6 +30,7 @@ import {
     CreateClusterProps,
     CreateClusterTypeEnum,
 } from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/types'
+import { UpgradeToEnterpriseDialog } from '@Pages/Shared/UpgradeToEnterprise'
 
 import { ReactComponent as Add } from '../../assets/icons/ic-add.svg'
 import { URLS } from '../../config'
@@ -70,9 +71,24 @@ export const renderCreateResourceButton = (clusterId: string, callback: CreateRe
     <CreateResourceButton closeModal={callback} clusterId={clusterId} />
 )
 
-export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateClusterProps, 'handleReloadClusterList'>) => {
+export const NewClusterButton = ({
+    handleReloadClusterList,
+    clusterCount,
+}: Pick<CreateClusterProps, 'handleReloadClusterList'> & { clusterCount: number }) => {
     const { replace } = useHistory()
-    const { isSuperAdmin } = useMainContext()
+    const { isSuperAdmin, licenseData } = useMainContext()
+    const isFreemium = licenseData?.isFreemium ?? false
+    const isClusterAdditionAllowed = !isFreemium || clusterCount < licenseData?.moduleLimits?.maxAllowedClusters
+
+    const [showUpgradeToEnterprise, setShowUpgradeToEnterprise] = useState(false)
+
+    const handleOpenUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(true)
+    }
+
+    const handleCloseUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(false)
+    }
 
     const handleCloseCreateClusterModal = () => {
         replace(URLS.RESOURCE_BROWSER)
@@ -86,28 +102,39 @@ export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateCluster
                         dataTestId="add_cluster_button"
                         text="New Cluster"
                         size={ComponentSizeType.small}
-                        component={ButtonComponentType.link}
                         startIcon={<Add />}
-                        linkProps={{
-                            to: generatePath(URLS.RESOURCE_BROWSER_CREATE_CLUSTER, {
-                                type: CreateClusterTypeEnum.CONNECT_CLUSTER,
-                            }),
-                        }}
+                        {...(isClusterAdditionAllowed
+                            ? {
+                                  component: ButtonComponentType.link,
+                                  linkProps: {
+                                      to: generatePath(URLS.RESOURCE_BROWSER_CREATE_CLUSTER, {
+                                          type: CreateClusterTypeEnum.CONNECT_CLUSTER,
+                                      }),
+                                  },
+                              }
+                            : {
+                                  component: ButtonComponentType.button,
+                                  onClick: handleOpenUpgradeDialog,
+                              })}
                     />
                     <span className="dc__divider" />
                 </div>
 
-                <Route path={URLS.RESOURCE_BROWSER_CREATE_CLUSTER} exact>
-                    <CreateCluster
-                        handleReloadClusterList={handleReloadClusterList}
-                        handleRedirectOnModalClose={handleCloseCreateClusterModal}
-                    />
-                </Route>
+                {isClusterAdditionAllowed && (
+                    <Route path={URLS.RESOURCE_BROWSER_CREATE_CLUSTER} exact>
+                        <CreateCluster
+                            handleReloadClusterList={handleReloadClusterList}
+                            handleRedirectOnModalClose={handleCloseCreateClusterModal}
+                        />
+                    </Route>
+                )}
+
+                <UpgradeToEnterpriseDialog open={showUpgradeToEnterprise} handleClose={handleCloseUpgradeDialog} />
             </>
         )
     )
 }
 
-export const renderNewClusterButton = (handleReloadClusterList: () => void) => () => (
-    <NewClusterButton handleReloadClusterList={handleReloadClusterList} />
+export const renderNewClusterButton = (handleReloadClusterList: () => void, clusterCount: number) => () => (
+    <NewClusterButton handleReloadClusterList={handleReloadClusterList} clusterCount={clusterCount} />
 )
diff --git a/src/components/ResourceBrowser/ResourceBrowser.tsx b/src/components/ResourceBrowser/ResourceBrowser.tsx
index 273dde223e..c8f6720330 100644
--- a/src/components/ResourceBrowser/ResourceBrowser.tsx
+++ b/src/components/ResourceBrowser/ResourceBrowser.tsx
@@ -49,13 +49,18 @@ const ResourceBrowser: React.FC = () => {
     )
 
     const sortedClusterList: ClusterDetail[] = useMemo(
+        () => sortObjectArrayAlphabetically(detailClusterList || clusterListMinData || [], 'name'),
+        [detailClusterList, clusterListMinData],
+    )
+
+    const filteredSortedCluserList = useMemo(
         () =>
-            sortObjectArrayAlphabetically(detailClusterList || clusterListMinData || [], 'name').filter(
+            sortedClusterList.filter(
                 (option) =>
                     !(window._env_.HIDE_DEFAULT_CLUSTER && option.id === DEFAULT_CLUSTER_ID) &&
                     !option.isVirtualCluster,
             ),
-        [detailClusterList, clusterListMinData],
+        [sortedClusterList],
     )
 
     const renderContent = () => {
@@ -66,7 +71,7 @@ const ResourceBrowser: React.FC = () => {
         return (
             <ClusterListView
                 parentRef={parentRef}
-                clusterOptions={sortedClusterList}
+                clusterOptions={filteredSortedCluserList}
                 clusterListLoader={detailClusterListLoading}
                 initialLoading={initialLoading}
                 refreshData={reloadDetailClusterList}
@@ -83,7 +88,7 @@ const ResourceBrowser: React.FC = () => {
             <PageHeader
                 additionalHeaderInfo={renderAdditionalBrowserHeaderInfo}
                 isBreadcrumbs={false}
-                renderActionButtons={renderNewClusterButton(reloadDetailClusterList)}
+                renderActionButtons={renderNewClusterButton(reloadDetailClusterList, sortedClusterList.length)}
             />
             {renderContent()}
         </div>
diff --git a/src/css/icons.scss b/src/css/icons.scss
index 13ff02169d..b2c8795828 100644
--- a/src/css/icons.scss
+++ b/src/css/icons.scss
@@ -212,6 +212,11 @@
     height: 50px;
 }
 
+.icon-dim-64 {
+    width: 64px;
+    height: 64px;
+}
+
 .icon-dim-72 {
     width: 72px;
     height: 72px;
diff --git a/yarn.lock b/yarn.lock
index 1c990a8be8..5afc2c5514 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.0":
-  version: 1.19.0
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5":
+  version: 1.19.0-beta-5
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/25390066894085fa42a416baa035dfc52ff34eec03489345b6708a111890e256799af79d2128026ebd4cd562d070c26792287cbe29b4081600391da22343821f
+  checksum: 10c0/b26e41662d9bcecea07af63203b09c36c0c52592d4965b1e9b8f58c2d2b72e4a2124fdf40e9128e40ca0015ceef6a7d827f10f73f2a43a0113a20d1f6b1cf266
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-5"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"