diff --git a/astro.config.mjs b/astro.config.mjs
index df10dac55..96d7711fa 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,7 +4,7 @@ import starlightDocSearch from '@astrojs/starlight-docsearch';
 import lit from "@astrojs/lit";
 import { rehypeHeadingIds } from '@astrojs/markdown-remark';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
-import { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc } from "./src/scripts/custom-elements";
+import { customElements, ceJsDoc } from "./src/scripts/custom-elements";
 import badges from "./src/data/badge.json";
 import { nucleusRemarkAside } from "./src/plugins/nucleus-remark-aside";
 
@@ -59,7 +59,8 @@ const componentSidebar = () => {
       {
         label: "Snowflakes",
         items: 
-          sfCEJsDoc.sort((ce1, ce2) => ce1.name > ce2.name ? 1 : -1)
+        ceJsDoc.filter((customElement) => customElement.category === 'Snowflakes' && !isDeprecated(customElement.name))
+          .sort((ce1, ce2) => ce1.name > ce2.name ? 1 : -1)
           .map((customElement) => {
             return {
               label: customElement['display-name'],
diff --git a/src/assets/components/nss-membership-card/scheme-navy.html b/src/assets/components/nss-membership-card/scheme-navy.html
index 607cea50e..031b032e1 100644
--- a/src/assets/components/nss-membership-card/scheme-navy.html
+++ b/src/assets/components/nss-membership-card/scheme-navy.html
@@ -1,4 +1,3 @@
-<script src="https://www.britishgas.co.uk/nucleus-snowflakes/nucleus-snowflakes.min.js" type="text/javascript"></script>
 <nss-membership-card scheme="navy" image="https://andijcdn.sirv.com/nds/membership-two-16x9.svg">
   <h2 slot="heading" >Mukbang meditation kitsch</h2>
   <p slot="paragraph">Lomo migas ascot beard irony kickstarter unicorn keytar. Asymmetrical pok pok keffiyeh single-origin coffee.</p>
diff --git a/src/assets/components/nss-membership-card/standard.html b/src/assets/components/nss-membership-card/standard.html
index 36b6ec097..1f76dc626 100644
--- a/src/assets/components/nss-membership-card/standard.html
+++ b/src/assets/components/nss-membership-card/standard.html
@@ -1,4 +1,3 @@
-<script src="https://www.britishgas.co.uk/nucleus-snowflakes/nucleus-snowflakes.min.js" type="text/javascript"></script>
 <nss-membership-card image="https://andijcdn.sirv.com/nds/membership-one-16x9.svg">
   <h2 slot="heading">Readymade air plant</h2>
   <p slot="paragraph">Tumblr irony listicle chicharrones la croix put a bird on it master cleanse tote bag street art next level.</p>
diff --git a/src/components/ExampleConfigure.astro b/src/components/ExampleConfigure.astro
index 6c20ce602..a2d038c81 100644
--- a/src/components/ExampleConfigure.astro
+++ b/src/components/ExampleConfigure.astro
@@ -1,5 +1,7 @@
 ---
 const { componentName } = Astro.props;
+const { disableAttributes } = Astro.props;
+const { snowflake = false } = Astro.props;
 
 import { NucleusComponentRenderer } from './NucleusComponentRenderer';
 import { NucleusCodeSnippet } from './NucleusCodeSnippet';
@@ -163,6 +165,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
   {
     customElement?.attributes?.map((attribute) => {
       const defaultValue = attribute.default?.replaceAll('"', '');
+      const disabled = disableAttributes?.includes(attribute.name) ? 'disabled' : '';
       if (attribute.type === 'string') {
         if (attribute.name === 'icon' || (componentName === 'ns-icon' && attribute.name === 'name') || (componentName !== 'ns-icon' && attribute.description?.includes('icon'))) {
           return (
@@ -196,7 +199,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
           return (
             <div class="config-elements">
               <label>{attribute.name}</label>
-              <input type="text" name={attribute.name} value={defaultValue}>
+              <input type="text" name={attribute.name} value={defaultValue} {disabled}>
             </div>
           );
         }
@@ -222,7 +225,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
         return (
           <div class="config-elements">
             <label>{attribute.name}</label>
-            <input type="number" name={attribute.name} value={defaultValue}>
+            <input type="number" name={attribute.name} value={defaultValue} {disabled}>
           </div>
         );
       } else if (attribute.type === 'boolean') {
@@ -235,7 +238,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
                   const checked = defaultValue === option ? true : false;
                   return (
                   <div class="radio-element">
-                    <label><input type="radio" name={attribute.name} value={option} {checked}> {option}</label>
+                    <label><input type="radio" name={attribute.name} value={option} {checked} {disabled}> {option}</label>
                   </div>
                   )
                 })
@@ -247,7 +250,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
         return (
           <div class="config-elements">
             <label>{attribute.name}</label>
-            <input type="text" name={attribute.name} />
+            <input type="text" name={attribute.name} {disabled}/>
           </div>
         );
       }
@@ -273,7 +276,7 @@ attributes?.splice(0, 0, typeAttribute[0]);
 
   <div class="preview">
     <h2>Preview</h2>
-    <NucleusComponentRenderer src={htmlContent} name={componentName} zoom="100" client:visible/>
+    <NucleusComponentRenderer src={htmlContent} name={componentName} zoom="100" snowflake={snowflake} client:visible/>
     <NucleusCodeSnippet src={htmlContent} hide-top-radius client:visible/>
   </div>
 
diff --git a/src/components/ExampleViewer.astro b/src/components/ExampleViewer.astro
index 9dd1e6aba..2022ebd1a 100644
--- a/src/components/ExampleViewer.astro
+++ b/src/components/ExampleViewer.astro
@@ -8,6 +8,7 @@ const componentName = slug?.replace('components/', '');
 
 const { type } = Astro.props;
 const { disableConfigure = false } = Astro.props;
+const { snowflake = false } = Astro.props;
 const exampleFileMatcher = `/assets/${slug}/${type}.html`;
 const examples = import.meta.glob("../assets/**/*.html", { import: 'default', as: 'raw', eager: true});
 const htmlFile = Object.keys(examples).find((example) => example?.endsWith(exampleFileMatcher));
@@ -22,7 +23,7 @@ const htmlContent = await examples[htmlFile];
       </div>
     )
   }
-  <NucleusComponentRenderer src={htmlContent} name={componentName} client:only="lit"/>
+  <NucleusComponentRenderer src={htmlContent} name={componentName} snowflake={snowflake} client:only="lit"/>
   <NucleusCodeSnippet src={htmlContent} hide-top-radius client:visible />
 </div>
 
diff --git a/src/components/NucleusComponentRenderer.js b/src/components/NucleusComponentRenderer.js
index ad6892d00..a494dbc42 100644
--- a/src/components/NucleusComponentRenderer.js
+++ b/src/components/NucleusComponentRenderer.js
@@ -11,6 +11,7 @@ export class NucleusComponentRenderer extends LitElement {
       src: { type: String },
       _minHeight: { type: Number, state: true },
       zoom: { type: Boolean },
+      snowflake: { type: Boolean },
       _viewport: { type: String, state: true },
       _customElement: { type: Object, state: true },
       _loading: { type: Boolean }
@@ -115,6 +116,7 @@ export class NucleusComponentRenderer extends LitElement {
     this._viewport = 'desktop';
     this.zoom = '75';
     this._loading = false;
+    this.snowflake = false;
   }
 
   willUpdate() {
@@ -163,6 +165,7 @@ export class NucleusComponentRenderer extends LitElement {
     return `
       <head>
         <script src="https://www.britishgas.co.uk/nucleus/nucleus.min.js" type="text/javascript"></script>
+        ${this.snowflake ? '<script src="https://www.britishgas.co.uk/nucleus-snowflakes/nucleus-snowflakes.min.js" type="text/javascript"></script>' : ''}
       </head>
       <body class="ndsn">
         ${mainWrapper}
diff --git a/src/components/figma.astro b/src/components/figma.astro
index fd5eb00a2..57f5ac937 100644
--- a/src/components/figma.astro
+++ b/src/components/figma.astro
@@ -1,8 +1,6 @@
 ---
-import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
 import { Icon } from "@astrojs/starlight/components";
-import { ceJsDoc } from "../scripts/custom-elements";
 
 // Define the common URL for the Figma UI Kit that prepends the node ID
 const urlFigmaUIKit =
diff --git a/src/components/placement.astro b/src/components/placement.astro
index 0950820e2..7ad32dce1 100644
--- a/src/components/placement.astro
+++ b/src/components/placement.astro
@@ -1,10 +1,9 @@
 ---
 import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
-import { ceJsDoc, sfCEJsDoc } from "../scripts/custom-elements";
+import { ceJsDoc } from "../scripts/custom-elements";
 
-const placements = [...ceJsDoc, ...sfCEJsDoc].find((tag) => tag.name === name)?.placements;
-console.log('placements ', placements);
+const placements = ceJsDoc.find((tag) => tag.name === name)?.placements;
 ---
 {
   placements?.length > 0 && (
diff --git a/src/components/specification.astro b/src/components/specification.astro
index 88c979ae9..6e3f6c015 100644
--- a/src/components/specification.astro
+++ b/src/components/specification.astro
@@ -1,15 +1,18 @@
 ---
 import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
+const { exclude } = Astro.props;
 
-import { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc } from "../scripts/custom-elements";
+import { customElements, ceJsDoc } from "../scripts/custom-elements";
 
-const compDetails = {...customElements, ...sfCustomElements}.tags.find((tag) => tag.name === name);
-const jsdocDetails = [...ceJsDoc, ...sfCEJsDoc].find((tag) => tag.name === name);
+const compDetails = customElements.tags.find((tag) => tag.name === name);
+const jsdocDetails = ceJsDoc.find((tag) => tag.name === name);
 
 const properties = compDetails?.properties;
 const slots = jsdocDetails?.slots;
 const events = compDetails?.events;
+
+const excludedAttributes = exclude?.split(',').map((item) => item.trim());
 ---
 
 <style>
@@ -43,7 +46,7 @@ const events = compDetails?.events;
     <div class="description-list">
       {
         properties?.map((property) => {
-          if (!property.attribute || property.deprecated || ['slottedStyles'].includes(property.name)) {
+          if (!property.attribute || property.deprecated || ['slottedStyles'].includes(property.name) || excludedAttributes?.includes(property.attribute)) {
             return undefined;
           }
           const defaultValue = property.default?.replaceAll('"', '');
diff --git a/src/content/docs/components/nss-membership-card.mdx b/src/content/docs/components/nss-membership-card.mdx
index 970843a68..7d0376ee6 100644
--- a/src/content/docs/components/nss-membership-card.mdx
+++ b/src/content/docs/components/nss-membership-card.mdx
@@ -15,8 +15,6 @@ import Figma from '@components/figma.astro';
 
 ## Overview
 
-**The purpose of the membership card is to provide details of a single offer or benefit exclusively for a particular customer.**
-
 <CompDetails name={componentName} />
 
 The snowflake `nss-membership-card` is specific to the 'membership wallet'. It utilises the membership styling and colour scheme that sets it apart from `ns-card`.
@@ -27,10 +25,10 @@ The snowflake `nss-membership-card` is specific to the 'membership wallet'. It u
   <TabItem label="Standard">
     <Tabs>
       <TabItem label="Membership scheme">
-        <ExampleViewer type="standard" />
+        <ExampleViewer type="standard" snowflake/>
       </TabItem>
       <TabItem label="Navy scheme">
-        <ExampleViewer type="scheme-navy" />
+        <ExampleViewer type="scheme-navy" snowflake/>
       </TabItem>
     </Tabs>
   </TabItem>
@@ -76,7 +74,7 @@ The snowflake `nss-membership-card` is specific to the 'membership wallet'. It u
 
 ### Specification
 
-<Specification name={componentName} />
+<Specification name={componentName} exclude='inactive, inactive-message, background, pill-over-image, decoration' />
 
 ### Figma
 
diff --git a/src/scripts/custom-elements.js b/src/scripts/custom-elements.js
index 66f3180cb..faf4752bd 100644
--- a/src/scripts/custom-elements.js
+++ b/src/scripts/custom-elements.js
@@ -1,6 +1,24 @@
-import ceJsDoc from "@connectedhomes/nucleus/ce-doc.json";
-import customElements from "@connectedhomes/nucleus/custom-elements.json";
+import nsCEJsDoc from "@connectedhomes/nucleus/ce-doc.json";
+import nsCustomElements from "@connectedhomes/nucleus/custom-elements.json";
 import sfCEJsDoc from "@connectedhomes/nucleus-snowflakes/ce-doc.json";
 import sfCustomElements from "@connectedhomes/nucleus-snowflakes/custom-elements.json";
 
-export { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc };
+sfCEJsDoc.forEach((tag) => {
+  if (!tag.category) {
+    tag.category = tag.category ?? "Snowflakes";
+  }
+});
+
+const customElements = {
+  tags: [
+    ...nsCustomElements.tags,
+    ...sfCustomElements.tags,
+  ]
+};
+
+const ceJsDoc = [
+  ...nsCEJsDoc,
+  ...sfCEJsDoc,
+];
+
+export { customElements, ceJsDoc };