diff --git a/packages/carbon-web-components/carbon.yml b/packages/carbon-web-components/carbon.yml
new file mode 100644
index 00000000000..eadab3be5d4
--- /dev/null
+++ b/packages/carbon-web-components/carbon.yml
@@ -0,0 +1,578 @@
+# yaml-language-server: $schema=https://unpkg.com/@carbon-platform/schemas@v1/carbon-resources.schema.json
+library:
+  id: carbon-web-components
+  name: Carbon Web Components
+  description: Build user interfaces with web components based on Carbon's React library.
+  externalDocsUrl: https://www.ibm.com/standards/web/carbon-for-ibm-dotcom
+  inherits: carbon-styles
+  demoLinks:
+    - type: storybook
+      name: Storybook
+      action: link
+      url: https://www.ibm.com/standards/carbon/carbon-web-components
+assets:
+  accordion:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/accordion/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-accordion
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/accessibility.mdx
+      overviewPath: ./src/components/accordion/docs/overview.mdx
+  breadcrumb:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/breadcrumb/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-breadcrumb
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/accessibility.mdx
+      overviewPath: ./src/components/breadcrumb/docs/overview.mdx
+  button:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/button/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-button
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/accessibility.mdx
+      overviewPath: ./src/components/button/docs/overview.mdx
+  checkbox:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/checkbox/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-checkbox
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/accessibility.mdx
+      overviewPath: ./src/components/checkbox/docs/overview.mdx
+  code-snippet:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/code-snippet/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-code-snippet
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/accessibility.mdx
+      overviewPath: ./src/components/code-snippet/docs/overview.mdx
+  combo-box:
+    status: stable
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-combo-box
+    docs:
+      overviewPath: ./src/components/combo-box/docs/overview.mdx
+  content-switcher:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/content-switcher/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-content-switcher
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/accessibility.mdx
+      overviewPath: ./src/components/content-switcher/docs/overview.mdx
+  copy-button:
+    status: stable
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-copy-button
+    docs:
+      overviewPath: ./src/components/copy-button/docs/overview.mdx
+  data-table:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/data-table/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-data-table
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/accessibility.mdx
+      overviewPath: ./src/components/data-table/docs/overview.mdx
+  date-picker:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/date-picker/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-date-picker
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/accessibility.mdx
+      overviewPath: ./src/components/date-picker/docs/overview.mdx
+  dropdown:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-dropdown
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/accessibility.mdx
+      overviewPath: ./src/components/dropdown/docs/overview.mdx
+  file-uploader:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/file-uploader/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-file-uploader
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/accessibility.mdx
+      overviewPath: ./src/components/file-uploader/docs/overview.mdx
+  icon:
+    name: Icon
+    framework: web-component
+    status: stable
+    type: component
+    platform: web
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-icon
+    thumbnailPath: "./thumbnails/icon.svg"
+    tags:
+      - media
+      - content-element
+    docs:
+      overviewPath: ./src/components/icon/docs/overview.mdx
+  inline-loading:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/inline-loading/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-inline-loading
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/accessibility.mdx
+      overviewPath: ./src/components/inline-loading/docs/overview.mdx
+  input:
+    name: Input
+    status: stable
+    type: component
+    framework: web-component
+    platform: web
+    thumbnailPath: "./thumbnails/input.svg"
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-input
+    tags:
+      - input-control
+    docs:
+      overviewPath: ./src/components/input/docs/overview.mdx
+  link:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/link/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-link
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/accessibility.mdx
+      overviewPath: ./src/components/link/docs/overview.mdx
+  list:
+    status: stable
+    externalDocsUrl: https://carbondesignsystem.com/components/list/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-list
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/accessibility.mdx
+      overviewPath: ./src/components/list/docs/overview.mdx
+  loading:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/loading/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-loading
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/accessibility.mdx
+      overviewPath: ./src/components/loading/docs/overview.mdx
+  modal:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/modal/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-modal
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/accessibility.mdx
+      overviewPath: ./src/components/modal/docs/overview.mdx
+  multiselect:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage/#multiselect
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-multi-select
+    docs:
+      overviewPath: ./src/components/multi-select/docs/overview.mdx
+  notification:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/notification/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-notifications
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/accessibility.mdx
+      overviewPath: ./src/components/notification/docs/overview.mdx
+  number-input:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/number-input/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-number-input
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/accessibility.mdx
+      overviewPath: ./src/components/number-input/docs/overview.mdx
+  overflow-menu:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/overflow-menu/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-overflow-menu
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/accessibility.mdx
+      overviewPath: ./src/components/overflow-menu/docs/overview.mdx
+  pagination:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/pagination/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-pagination
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/accessibility.mdx
+      overviewPath: ./src/components/pagination/docs/overview.mdx
+  progress-indicator:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/progress-indicator/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-progress-indicator
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/accessibility.mdx
+      overviewPath: ./src/components/progress-indicator/docs/overview.mdx
+  radio-button:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/radio-button/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-radio-button
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/accessibility.mdx
+      overviewPath: ./src/components/radio-button/docs/overview.mdx
+  search:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/search/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-search
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/accessibility.mdx
+      overviewPath: ./src/components/search/docs/overview.mdx
+  select:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/select/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-select
+    tags:
+      - shell
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/accessibility.mdx
+      overviewPath: ./src/components/select/docs/overview.mdx
+  skeleton-placeholder:
+    name: Skeleton placeholder
+    status: stable
+    type: component
+    platform: web
+    framework: web-component
+    thumbnailPath: './thumbnails/skeleton-placeholder.svg'
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-skeleton-placeholder
+    tags:
+      - system-feedback
+    docs:
+      overviewPath: ./src/components/skeleton-placeholder/docs/overview.mdx
+  skeleton-text:
+    name: Skeleton text
+    status: stable
+    type: component
+    platform: web
+    framework: web-component
+    thumbnailPath: './thumbnails/skeleton-text.svg'
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-skeleton-text
+    tags:
+      - shell
+    docs:
+      overviewPath: ./src/components/skeleton-text/docs/overview.mdx
+  skip-to-content:
+    name: Skip to content
+    type: component
+    platform: web
+    status: stable
+    framework: web-component
+    thumbnailPath: './thumbnails/skip-to-content.svg'
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-skip-to-content
+    tags:
+      - contextual-navigation
+    docs:
+      overviewPath: ./src/components/skip-to-content/docs/overview.mdx
+  slider:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/slider/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-slider
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/accessibility.mdx
+      overviewPath: ./src/components/slider/docs/overview.mdx
+  structured-list:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/structured-list/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-structured-list
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/accessibility.mdx
+      overviewPath: ./src/components/structured-list/docs/overview.mdx
+  tabs:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/tabs/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-tabs
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/accessibility.mdx
+      overviewPath: ./src/components/tabs/docs/overview.mdx
+  tag:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/tag/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-tag
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/accessibility.mdx
+      overviewPath: ./src/components/tag/docs/overview.mdx
+  text-area:
+    status: stable
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-textarea
+    docs:
+      overviewPath: ./src/components/textarea/docs/overview.mdx
+  tile:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/tile/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-tile
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/accessibility.mdx
+      overviewPath: ./src/components/tile/docs/overview.mdx
+  toggle:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/toggle/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-toggle
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/accessibility.mdx
+      overviewPath: ./src/components/toggle/docs/overview.mdx
+  tooltip:
+    status: stable
+    externalDocsUrl: https://www.carbondesignsystem.com/components/tooltip/usage
+    framework: web-component
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-tooltip
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/accessibility.mdx
+      overviewPath: ./src/components/tooltip/docs/overview.mdx
+  ui-shell:
+    name: UI shell
+    type: component
+    platform: web
+    framework: web-component
+    thumbnailPath: './thumbnails/ui-shell.svg'
+    externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-header/usage
+    status: stable
+    demoLinks:
+      - type: storybook
+        name: Storybook
+        action: link
+        url: https://www.ibm.com/standards/carbon/carbon-web-components/?path=/docs/components-ui-shell
+    tags:
+      - contextual-navigation
+    docs:
+      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/usage.mdx
+      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/style.mdx
+      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/accessibility.mdx
+      codePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/code.mdx
+      overviewPath: ./src/components/ui-shell/docs/overview.mdx
diff --git a/packages/carbon-web-components/src/components/accordion/docs/overview.mdx b/packages/carbon-web-components/src/components/accordion/docs/overview.mdx
new file mode 100644
index 00000000000..d423829e273
--- /dev/null
+++ b/packages/carbon-web-components/src/components/accordion/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-accordion--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/breadcrumb/docs/overview.mdx b/packages/carbon-web-components/src/components/breadcrumb/docs/overview.mdx
new file mode 100644
index 00000000000..2820cc9afc3
--- /dev/null
+++ b/packages/carbon-web-components/src/components/breadcrumb/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-breadcrumb--default'
+    },
+    {
+      label: 'with Overflow Menu',
+      variant: 'components-breadcrumb--with-overflow-menu'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/button/docs/overview.mdx b/packages/carbon-web-components/src/components/button/docs/overview.mdx
new file mode 100644
index 00000000000..46bc04507cd
--- /dev/null
+++ b/packages/carbon-web-components/src/components/button/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-button--default'
+    },
+    {
+      label: 'Icon',
+      variant: 'components-button--icon'
+    },
+    {
+      label: 'Text and Icon',
+      variant: 'components-button--text-and-icon'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/checkbox/docs/overview.mdx b/packages/carbon-web-components/src/components/checkbox/docs/overview.mdx
new file mode 100644
index 00000000000..f5164105348
--- /dev/null
+++ b/packages/carbon-web-components/src/components/checkbox/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-checkbox--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/code-snippet/docs/overview.mdx b/packages/carbon-web-components/src/components/code-snippet/docs/overview.mdx
new file mode 100644
index 00000000000..76a955aaed2
--- /dev/null
+++ b/packages/carbon-web-components/src/components/code-snippet/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Single Line',
+      variant: 'components-code-snippet--single-line'
+    },
+    {
+      label: 'Multi Line',
+      variant: 'components-code-snippet--multi-line'
+    },
+    {
+      label: 'Inline',
+      variant: 'components-code-snippet--inline'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/combo-box/docs/overview.mdx b/packages/carbon-web-components/src/components/combo-box/docs/overview.mdx
new file mode 100644
index 00000000000..f31639824f9
--- /dev/null
+++ b/packages/carbon-web-components/src/components/combo-box/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-combo-box--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/content-switcher/docs/overview.mdx b/packages/carbon-web-components/src/components/content-switcher/docs/overview.mdx
new file mode 100644
index 00000000000..ff67dd8a7e1
--- /dev/null
+++ b/packages/carbon-web-components/src/components/content-switcher/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-content-switcher--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/copy-button/docs/overview.mdx b/packages/carbon-web-components/src/components/copy-button/docs/overview.mdx
new file mode 100644
index 00000000000..94c79079ea9
--- /dev/null
+++ b/packages/carbon-web-components/src/components/copy-button/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-copy-button--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/data-table/docs/overview.mdx b/packages/carbon-web-components/src/components/data-table/docs/overview.mdx
new file mode 100644
index 00000000000..95d623e4868
--- /dev/null
+++ b/packages/carbon-web-components/src/components/data-table/docs/overview.mdx
@@ -0,0 +1,25 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-data-table--default'
+    },
+    {
+      label: 'Expandable',
+      variant: 'components-data-table--expandable'
+    },
+    {
+      label: 'Sortable',
+      variant: 'components-data-table--sortable'
+    },
+    {
+      label: 'Sortable with Pagination',
+      variant: 'components-data-table--sortable-with-pagination'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/date-picker/docs/overview.mdx b/packages/carbon-web-components/src/components/date-picker/docs/overview.mdx
new file mode 100644
index 00000000000..803b9acdfc6
--- /dev/null
+++ b/packages/carbon-web-components/src/components/date-picker/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-date-picker--default'
+    },
+    {
+      label: 'Single with Calendar',
+      variant: 'components-date-picker--single-with-calendar'
+    },
+    {
+      label: 'Range with Calendar',
+      variant: 'components-date-picker--range-with-calendar'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/dropdown/docs/overview.mdx b/packages/carbon-web-components/src/components/dropdown/docs/overview.mdx
new file mode 100644
index 00000000000..5f8306bc23c
--- /dev/null
+++ b/packages/carbon-web-components/src/components/dropdown/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-dropdown--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/file-uploader/docs/overview.mdx b/packages/carbon-web-components/src/components/file-uploader/docs/overview.mdx
new file mode 100644
index 00000000000..375f013a1b2
--- /dev/null
+++ b/packages/carbon-web-components/src/components/file-uploader/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-file-uploader--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/icon/docs/overview.mdx b/packages/carbon-web-components/src/components/icon/docs/overview.mdx
new file mode 100644
index 00000000000..688b07c61a7
--- /dev/null
+++ b/packages/carbon-web-components/src/components/icon/docs/overview.mdx
@@ -0,0 +1,25 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-icon--default'
+    },
+    {
+      label: 'With Custom Class',
+      variant: 'components-icon--with-custom-class'
+    },
+    {
+      label: 'With aria-label',
+      variant: 'components-icon--with-aria-label'
+    },
+    {
+      label: 'With Title',
+      variant: 'components-icon--with-title'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/inline-loading/docs/overview.mdx b/packages/carbon-web-components/src/components/inline-loading/docs/overview.mdx
new file mode 100644
index 00000000000..3f66fb5bf05
--- /dev/null
+++ b/packages/carbon-web-components/src/components/inline-loading/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-inline-loading--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/input/docs/overview.mdx b/packages/carbon-web-components/src/components/input/docs/overview.mdx
new file mode 100644
index 00000000000..1d00058150d
--- /dev/null
+++ b/packages/carbon-web-components/src/components/input/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-input--default'
+    },
+    {
+      label: 'Form Item',
+      variant: 'components-input--form-item'
+    },
+    {
+      label: 'Without Form Item Wrapper',
+      variant: 'components-input--without-form-item-wrapper'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/link/docs/overview.mdx b/packages/carbon-web-components/src/components/link/docs/overview.mdx
new file mode 100644
index 00000000000..7f6bf39350d
--- /dev/null
+++ b/packages/carbon-web-components/src/components/link/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-link--default'
+    },
+    {
+      label: 'Paired with Icon',
+      variant: 'components-link--paired-with-icon'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/list/docs/overview.mdx b/packages/carbon-web-components/src/components/list/docs/overview.mdx
new file mode 100644
index 00000000000..424e6a7122f
--- /dev/null
+++ b/packages/carbon-web-components/src/components/list/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Ordered',
+      variant: 'components-list--ordered'
+    },
+    {
+      label: 'Unordered',
+      variant: 'components-list--unordered'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/loading/docs/overview.mdx b/packages/carbon-web-components/src/components/loading/docs/overview.mdx
new file mode 100644
index 00000000000..fde97ac4ad6
--- /dev/null
+++ b/packages/carbon-web-components/src/components/loading/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-loading--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/modal/docs/overview.mdx b/packages/carbon-web-components/src/components/modal/docs/overview.mdx
new file mode 100644
index 00000000000..ff9bd9c1895
--- /dev/null
+++ b/packages/carbon-web-components/src/components/modal/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-modal--default'
+    },
+    {
+      label: 'Single Button',
+      variant: 'components-modal--single-button'
+    },
+    {
+      label: 'Three Buttons',
+      variant: 'components-modal--three-buttons'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/multi-select/docs/overview.mdx b/packages/carbon-web-components/src/components/multi-select/docs/overview.mdx
new file mode 100644
index 00000000000..eaa36dfe393
--- /dev/null
+++ b/packages/carbon-web-components/src/components/multi-select/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-multi-select--default'
+    },
+    {
+      label: 'Filterable',
+      variant: 'components-multi-select--filterable'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/notification/docs/overview.mdx b/packages/carbon-web-components/src/components/notification/docs/overview.mdx
new file mode 100644
index 00000000000..860743a75a2
--- /dev/null
+++ b/packages/carbon-web-components/src/components/notification/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Inline',
+      variant: 'components-notifications--inline'
+    },
+    {
+      label: 'Toast',
+      variant: 'components-notifications--toast'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/number-input/docs/overview.mdx b/packages/carbon-web-components/src/components/number-input/docs/overview.mdx
new file mode 100644
index 00000000000..9bcc2b435cc
--- /dev/null
+++ b/packages/carbon-web-components/src/components/number-input/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-number-input--default'
+    },
+    {
+      label: 'Form Item',
+      variant: 'components-number-input--form-item'
+    },
+    {
+      label: 'Without Form Item Wrapper',
+      variant: 'components-number-input--without-form-item-wrapper'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/overflow-menu/docs/overview.mdx b/packages/carbon-web-components/src/components/overflow-menu/docs/overview.mdx
new file mode 100644
index 00000000000..b9c109ecdd8
--- /dev/null
+++ b/packages/carbon-web-components/src/components/overflow-menu/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-overflow-menu--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/pagination/docs/overview.mdx b/packages/carbon-web-components/src/components/pagination/docs/overview.mdx
new file mode 100644
index 00000000000..bd9c0a5e433
--- /dev/null
+++ b/packages/carbon-web-components/src/components/pagination/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-pagination--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/progress-indicator/docs/overview.mdx b/packages/carbon-web-components/src/components/progress-indicator/docs/overview.mdx
new file mode 100644
index 00000000000..b9996549059
--- /dev/null
+++ b/packages/carbon-web-components/src/components/progress-indicator/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-progress-indicator--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/radio-button/docs/overview.mdx b/packages/carbon-web-components/src/components/radio-button/docs/overview.mdx
new file mode 100644
index 00000000000..754fbc94cdd
--- /dev/null
+++ b/packages/carbon-web-components/src/components/radio-button/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-radio-button--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/search/docs/overview.mdx b/packages/carbon-web-components/src/components/search/docs/overview.mdx
new file mode 100644
index 00000000000..fa87dcb61f3
--- /dev/null
+++ b/packages/carbon-web-components/src/components/search/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-search--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/select/docs/overview.mdx b/packages/carbon-web-components/src/components/select/docs/overview.mdx
new file mode 100644
index 00000000000..d5c77b1d13d
--- /dev/null
+++ b/packages/carbon-web-components/src/components/select/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-select--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/skeleton-placeholder/docs/overview.mdx b/packages/carbon-web-components/src/components/skeleton-placeholder/docs/overview.mdx
new file mode 100644
index 00000000000..cdc624ee0ba
--- /dev/null
+++ b/packages/carbon-web-components/src/components/skeleton-placeholder/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-skeleton-placeholder--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/skeleton-text/docs/overview.mdx b/packages/carbon-web-components/src/components/skeleton-text/docs/overview.mdx
new file mode 100644
index 00000000000..570d6df7d60
--- /dev/null
+++ b/packages/carbon-web-components/src/components/skeleton-text/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-skeleton-text--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/skip-to-content/docs/overview.mdx b/packages/carbon-web-components/src/components/skip-to-content/docs/overview.mdx
new file mode 100644
index 00000000000..42fa1f0d06f
--- /dev/null
+++ b/packages/carbon-web-components/src/components/skip-to-content/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-skip-to-content--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/slider/docs/overview.mdx b/packages/carbon-web-components/src/components/slider/docs/overview.mdx
new file mode 100644
index 00000000000..e9dbadff092
--- /dev/null
+++ b/packages/carbon-web-components/src/components/slider/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-slider--default'
+    },
+    {
+      label: 'With Input Box',
+      variant: 'components-slider--with-input-box'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/structured-list/docs/overview.mdx b/packages/carbon-web-components/src/components/structured-list/docs/overview.mdx
new file mode 100644
index 00000000000..f157fe2d82b
--- /dev/null
+++ b/packages/carbon-web-components/src/components/structured-list/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-structured-list--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/tabs/docs/overview.mdx b/packages/carbon-web-components/src/components/tabs/docs/overview.mdx
new file mode 100644
index 00000000000..fa4c3c07713
--- /dev/null
+++ b/packages/carbon-web-components/src/components/tabs/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-tabs--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/tag/docs/overview.mdx b/packages/carbon-web-components/src/components/tag/docs/overview.mdx
new file mode 100644
index 00000000000..731de61b82c
--- /dev/null
+++ b/packages/carbon-web-components/src/components/tag/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-tag--default'
+    },
+    {
+      label: 'Filter',
+      variant: 'components-tag--filter'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/textarea/docs/overview.mdx b/packages/carbon-web-components/src/components/textarea/docs/overview.mdx
new file mode 100644
index 00000000000..47c902db08c
--- /dev/null
+++ b/packages/carbon-web-components/src/components/textarea/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-textarea--default'
+    },
+    {
+      label: 'Form Item',
+      variant: 'components-textarea--form-item'
+    },
+    {
+      label: 'Without Form Item Wrapper',
+      variant: 'components-textarea--without-form-item-wrapper'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/tile/docs/overview.mdx b/packages/carbon-web-components/src/components/tile/docs/overview.mdx
new file mode 100644
index 00000000000..1f330835996
--- /dev/null
+++ b/packages/carbon-web-components/src/components/tile/docs/overview.mdx
@@ -0,0 +1,29 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-tile--default'
+    },
+    {
+      label: 'Clickable',
+      variant: 'components-tile--clickable'
+    },
+    {
+      label: 'Single-selectable',
+      variant: 'components-tile--single-selectable'
+    },
+    {
+      label: 'Multi-selectable',
+      variant: 'components-tile--multi-selectable'
+    },
+    {
+      label: 'Expandable',
+      variant: 'components-tile--expandable'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/toggle/docs/overview.mdx b/packages/carbon-web-components/src/components/toggle/docs/overview.mdx
new file mode 100644
index 00000000000..88bd0b08c7b
--- /dev/null
+++ b/packages/carbon-web-components/src/components/toggle/docs/overview.mdx
@@ -0,0 +1,13 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-toggle--default'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/tooltip/docs/overview.mdx b/packages/carbon-web-components/src/components/tooltip/docs/overview.mdx
new file mode 100644
index 00000000000..6e06fff98a9
--- /dev/null
+++ b/packages/carbon-web-components/src/components/tooltip/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-tooltip--default'
+    },
+    {
+      label: 'Definition Tooltip',
+      variant: 'components-tooltip--definition'
+    },
+    {
+      label: 'Icon Tooltip',
+      variant: 'components-tooltip--icon'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/src/components/ui-shell/docs/overview.mdx b/packages/carbon-web-components/src/components/ui-shell/docs/overview.mdx
new file mode 100644
index 00000000000..bb5fe2b0292
--- /dev/null
+++ b/packages/carbon-web-components/src/components/ui-shell/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://www.ibm.com/standards/carbon/carbon-web-components"
+  variants={[
+    {
+      label: 'Side Nav',
+      variant: 'components-ui-shell--side-nav'
+    },
+    {
+      label: 'Side Nav with Icons',
+      variant: 'components-ui-shell--side-nav-with-icons'
+    },
+    {
+      label: 'Header',
+      variant: 'components-ui-shell--header'
+    }
+  ]}
+/>
diff --git a/packages/carbon-web-components/thumbnails/icon.svg b/packages/carbon-web-components/thumbnails/icon.svg
new file mode 100644
index 00000000000..ee4d7e0f7ad
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon</title>
+    <defs>
+        <path d="M15.5,8 C13.5670034,8 12,6.43299662 12,4.5 C12,2.56700338 13.5670034,1 15.5,1 C17.4329966,1 19,2.56700338 19,4.5 C19,6.43299662 17.4329966,8 15.5,8 L15.5,8 Z M15.5,3 C14.6715729,3 14,3.67157288 14,4.5 C14,5.32842712 14.6715729,6 15.5,6 C16.3284271,6 17,5.32842712 17,4.5 C17,4.10217527 16.8419647,3.7206444 16.5606602,3.43933983 C16.2793556,3.15803526 15.8978247,3 15.5,3 L15.5,3 Z M29.55,26.11 L26.5,27.63 L23.66,21 L15,21 C13.8954305,21 13,20.1045695 13,19 L13,13 C13,11.8954305 13.8954305,11 15,11 C16.1045695,11 17,11.8954305 17,13 L17,17 L24,17 L24,15 L19,15 L19,13 C19,10.790861 17.209139,9 15,9 C12.790861,9 11,10.790861 11,13 L11,14 C6.28935782,13.9974018 2.3736553,17.6276665 2.02038072,22.3250438 C1.66710615,27.0224211 4.99579301,31.1975129 9.65383616,31.8995033 C14.3118793,32.6014936 18.7231898,29.592858 19.77,25 L17.71,25 C16.6802,28.4540538 13.195925,30.5615323 9.65860241,29.8699219 C6.12127986,29.1783116 3.68734228,25.9137157 4.03430498,22.3261549 C4.38126767,18.7385941 7.39570051,16.0009248 11,16 L11,19 C11,21.209139 12.790861,23 15,23 L22.34,23 L25.5,30.37 L30.45,27.9 L29.55,26.11 Z" id="path-1"></path>
+    </defs>
+    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Actions-/-Navigation-/-overflow-menu--vertical-/-20-Copy" transform="translate(144.000000, 74.000000)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="icon-color" fill="#000000" xlink:href="#path-1"></use>
+            <rect id="Rectangle-path" mask="url(#mask-2)" x="0" y="0" width="32" height="32"></rect>
+        </g>
+    </g>
+</svg>
diff --git a/packages/carbon-web-components/thumbnails/input.svg b/packages/carbon-web-components/thumbnails/input.svg
new file mode 100644
index 00000000000..eea1f40416d
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/input.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>input</title>
+    <g id="input" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-21" transform="translate(56.000000, 72.000000)">
+            <rect id="Rectangle-11-Copy" fill="#F3F3F3" x="0" y="0" width="208" height="32"></rect>
+            <line x1="0" y1="31.5" x2="208" y2="31.5" id="Path-3-Copy-8" stroke="#8C8C8C"></line>
+            <rect id="Rectangle-Copy-14" fill="#A8A8A8" x="12.3888889" y="13" width="96" height="7"></rect>
+        </g>
+        <g id="Group" transform="translate(221.000000, 72.000000)" fill="#000000" fill-rule="nonzero">
+            <g id="beam">
+                <path d="M8.01154076,12 L9.00957667,12.0626445 C8.98412721,12.4680986 9.01146588,12.8751409 9.07115087,13.2023755 C9.18949988,13.5320302 9.35519407,13.8427068 9.54272722,14.0989138 C9.8994398,14.5217448 10.3542101,14.8508549 10.8673545,15.0575256 L10.831,15.041 L15.95,15.041 L15.9505587,14.0413222 L16.9305587,14.0413222 L16.93,15.041 L21.080775,15.0421853 C21.5059779,14.8630518 21.8891817,14.5996723 22.1969419,14.2821229 L22.3486284,14.1139134 C22.5566385,13.8328002 22.7220935,13.5225721 22.8210183,13.2595866 C22.9030412,12.8649013 22.9333928,12.4612256 22.9113095,12.0587128 L22.9113095,12.0587128 L23.9098079,12.0039317 C23.9366403,12.4930064 23.8997615,12.9834941 23.7814546,13.5294207 C23.63086,13.9512826 23.4189289,14.3486534 23.1343611,14.731784 C22.8769495,15.0400741 22.5794406,15.3104126 22.2508604,15.5362083 C22.5831284,15.7518889 22.893337,16.0167786 23.1782674,16.3282912 C23.4543219,16.690595 23.6642495,17.0987875 23.8107847,17.5829428 C23.9085432,18.0700751 23.9417355,18.5679587 23.9095056,19.0637568 L23.9095056,19.0637568 L22.9116118,18.9988877 C22.9381474,18.5906864 22.9108195,18.1807681 22.8427313,17.8285669 C22.7432553,17.5057549 22.5875726,17.2030385 22.4125713,16.9698267 C22.0327212,16.5568925 21.5652726,16.2342022 21.0444962,16.0254135 L21.058,16.031 L16.93,16.031 L16.9305587,17.0313222 L15.9505587,17.0313222 L15.95,16.031 L10.8621845,16.0312262 C10.4213844,16.2097657 10.0194082,16.4700261 9.69546364,16.7757425 L9.53858526,16.9339356 C9.33395359,17.2030871 9.17813941,17.5060591 9.09083484,17.7794513 C9.01052235,18.1807115 8.98318496,18.5907723 9.0095221,18.9991425 L9.0095221,18.9991425 L8.01159533,19.063502 C7.9796306,18.5678733 8.0128093,18.0701927 8.12288615,17.5335761 C8.25736457,17.0987989 8.46709369,16.6909923 8.77239079,16.2930141 C9.03739479,16.0046203 9.33620169,15.7510228 9.66150749,15.5372637 C9.33070063,15.3130943 9.02772091,15.038542 8.75809308,14.7180063 C8.49269208,14.3579775 8.28109923,13.9612409 8.11021128,13.4690944 C8.01383279,12.9857365 7.98066499,12.4919048 8.01154076,12 L8.01154076,12 Z" transform="translate(15.960713, 15.531878) rotate(90.000000) translate(-15.960713, -15.531878) "></path>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/packages/carbon-web-components/thumbnails/skeleton-placeholder.svg b/packages/carbon-web-components/thumbnails/skeleton-placeholder.svg
new file mode 100644
index 00000000000..9a340390c16
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/skeleton-placeholder.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>skeleton-placeholder</title>
+    <defs>
+        <linearGradient x1="-21.9775656%" y1="50%" x2="113.47099%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#C6C6C6" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#C6C6C6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="skeleton-placeholder" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#E0E0E0" x="118" y="48" width="85" height="85"></rect>
+        <rect id="Rectangle" fill="#C6C6C6" x="117" y="48" width="56.4662577" height="85"></rect>
+        <rect id="Rectangle" fill="url(#linearGradient-1)" transform="translate(177.733129, 90.500000) scale(-1, 1) translate(-177.733129, -90.500000) " x="173.466258" y="48" width="8.533742" height="85"></rect>
+    </g>
+</svg>
diff --git a/packages/carbon-web-components/thumbnails/skeleton-text.svg b/packages/carbon-web-components/thumbnails/skeleton-text.svg
new file mode 100644
index 00000000000..6c8b02e0c85
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/skeleton-text.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>skeleton-text</title>
+    <defs>
+        <linearGradient x1="-21.9775656%" y1="50%" x2="113.47099%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#C6C6C6" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#C6C6C6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="skeleton-text" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#E0E0E0" x="56" y="82" width="208" height="16"></rect>
+        <rect id="Rectangle" fill="#C6C6C6" x="56" y="82" width="156" height="16"></rect>
+        <rect id="Rectangle" fill="url(#linearGradient-1)" transform="translate(215.500000, 90.000000) scale(-1, 1) translate(-215.500000, -90.000000) " x="212" y="82" width="7" height="16"></rect>
+    </g>
+</svg>
diff --git a/packages/carbon-web-components/thumbnails/skip-to-content.svg b/packages/carbon-web-components/thumbnails/skip-to-content.svg
new file mode 100644
index 00000000000..42661234e7b
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/skip-to-content.svg
@@ -0,0 +1,25 @@
+<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="skip-to-menu">
+<rect id="Rectangle 128" x="178" y="148" width="282" height="64" fill="#161616"/>
+<g id="Skip to main content">
+<path d="M212.936 186.288C216.536 186.288 218.696 184.32 218.696 181.248C218.696 178.752 217.28 177.312 214.016 176.568L212.648 176.256C210.536 175.776 209.504 175.056 209.504 173.472C209.504 171.672 210.824 170.736 212.96 170.736C214.904 170.736 216.176 171.528 217.088 172.8L218.6 171.696C217.352 169.92 215.576 168.96 213.056 168.96C209.768 168.96 207.512 170.568 207.512 173.544C207.512 176.112 209.192 177.456 212.24 178.152L213.608 178.464C215.816 178.968 216.704 179.76 216.704 181.344C216.704 183.264 215.408 184.512 213.008 184.512C211.064 184.512 209.672 183.672 208.496 182.112L207.008 183.36C208.352 185.184 210.248 186.288 212.936 186.288Z" fill="white"/>
+<path d="M221.985 186H223.905V181.584L225.753 179.688L229.857 186H232.185L227.145 178.512L231.729 173.616H229.401L225.897 177.384L224.001 179.496H223.905V168.24H221.985V186Z" fill="white"/>
+<path d="M235.602 170.712C236.418 170.712 236.778 170.28 236.778 169.632V169.32C236.778 168.672 236.418 168.24 235.602 168.24C234.786 168.24 234.426 168.672 234.426 169.32V169.632C234.426 170.28 234.786 170.712 235.602 170.712ZM234.642 186H236.562V173.616H234.642V186Z" fill="white"/>
+<path d="M240.642 190.8H242.562V183.984H242.658C243.402 185.52 244.578 186.288 246.282 186.288C249.378 186.288 251.322 183.768 251.322 179.808C251.322 175.848 249.378 173.328 246.282 173.328C244.578 173.328 243.306 174.072 242.658 175.632H242.562V173.616H240.642V190.8ZM245.754 184.56C244.002 184.56 242.562 183.648 242.562 182.04V177.432C242.562 176.064 244.002 175.056 245.754 175.056C247.914 175.056 249.258 176.544 249.258 178.752V180.864C249.258 183.072 247.914 184.56 245.754 184.56Z" fill="white"/>
+<path d="M265.371 186V184.32H262.851V175.296H265.563V173.616H262.851V170.184H261.123V172.488C261.123 173.328 260.859 173.616 260.043 173.616H258.891V175.296H260.931V183.96C260.931 185.16 261.651 186 262.971 186H265.371Z" fill="white"/>
+<path d="M273.236 186.288C276.548 186.288 278.828 183.744 278.828 179.808C278.828 175.872 276.548 173.328 273.236 173.328C269.924 173.328 267.644 175.872 267.644 179.808C267.644 183.744 269.924 186.288 273.236 186.288ZM273.236 184.584C271.172 184.584 269.708 183.312 269.708 180.696V178.92C269.708 176.304 271.172 175.032 273.236 175.032C275.3 175.032 276.764 176.304 276.764 178.92V180.696C276.764 183.312 275.3 184.584 273.236 184.584Z" fill="white"/>
+<path d="M289.577 186V177.408C289.577 175.824 291.017 175.056 292.529 175.056C294.353 175.056 295.193 176.184 295.193 178.392V186H297.113V177.408C297.113 175.824 298.505 175.056 300.017 175.056C301.889 175.056 302.729 176.208 302.729 178.392V186H304.649V178.056C304.649 175.056 303.137 173.328 300.617 173.328C298.505 173.328 297.305 174.504 296.849 175.848H296.801C296.129 174.072 294.641 173.328 293.009 173.328C291.089 173.328 290.225 174.36 289.673 175.632H289.577V173.616H287.657V186H289.577Z" fill="white"/>
+<path d="M318.69 186V184.32H317.274V177.504C317.274 174.888 315.498 173.328 312.522 173.328C310.29 173.328 308.802 174.432 308.13 175.752L309.282 176.832C309.954 175.704 310.938 174.984 312.426 174.984C314.394 174.984 315.354 175.944 315.354 177.696V178.92H312.906C309.306 178.92 307.626 180.216 307.626 182.544C307.626 184.848 309.162 186.288 311.778 186.288C313.506 186.288 314.826 185.496 315.354 183.984H315.474C315.618 185.136 316.194 186 317.61 186H318.69ZM312.09 184.656C310.602 184.656 309.642 183.96 309.642 182.736V182.232C309.642 181.032 310.626 180.36 312.81 180.36H315.354V182.4C315.354 183.672 313.986 184.656 312.09 184.656Z" fill="white"/>
+<path d="M322.391 170.712C323.207 170.712 323.567 170.28 323.567 169.632V169.32C323.567 168.672 323.207 168.24 322.391 168.24C321.575 168.24 321.215 168.672 321.215 169.32V169.632C321.215 170.28 321.575 170.712 322.391 170.712ZM321.431 186H323.351V173.616H321.431V186Z" fill="white"/>
+<path d="M329.351 186V177.408C329.351 175.824 330.839 175.056 332.375 175.056C334.223 175.056 335.183 176.184 335.183 178.392V186H337.103V178.056C337.103 175.056 335.495 173.328 332.951 173.328C331.103 173.328 330.047 174.24 329.447 175.632H329.351V173.616H327.431V186H329.351Z" fill="white"/>
+<path d="M351.351 186.288C353.703 186.288 355.311 185.136 356.103 183.36L354.711 182.424C354.039 183.84 352.911 184.584 351.351 184.584C349.071 184.584 347.895 183.024 347.895 180.864V178.752C347.895 176.592 349.071 175.032 351.351 175.032C352.863 175.032 353.919 175.776 354.375 177.048L355.983 176.232C355.263 174.528 353.799 173.328 351.351 173.328C347.871 173.328 345.831 175.848 345.831 179.808C345.831 183.768 347.871 186.288 351.351 186.288Z" fill="white"/>
+<path d="M363.353 186.288C366.665 186.288 368.945 183.744 368.945 179.808C368.945 175.872 366.665 173.328 363.353 173.328C360.041 173.328 357.761 175.872 357.761 179.808C357.761 183.744 360.041 186.288 363.353 186.288ZM363.353 184.584C361.289 184.584 359.825 183.312 359.825 180.696V178.92C359.825 176.304 361.289 175.032 363.353 175.032C365.417 175.032 366.881 176.304 366.881 178.92V180.696C366.881 183.312 365.417 184.584 363.353 184.584Z" fill="white"/>
+<path d="M374.023 186V177.408C374.023 175.824 375.51 175.056 377.046 175.056C378.894 175.056 379.855 176.184 379.855 178.392V186H381.775V178.056C381.775 175.056 380.166 173.328 377.622 173.328C375.774 173.328 374.718 174.24 374.118 175.632H374.023V173.616H372.102V186H374.023Z" fill="white"/>
+<path d="M390.879 186V184.32H388.359V175.296H391.071V173.616H388.359V170.184H386.631V172.488C386.631 173.328 386.367 173.616 385.551 173.616H384.399V175.296H386.439V183.96C386.439 185.16 387.159 186 388.479 186H390.879Z" fill="white"/>
+<path d="M398.719 186.288C401.047 186.288 402.823 185.136 403.615 183.456L402.247 182.472C401.599 183.84 400.399 184.608 398.839 184.608C396.535 184.608 395.167 183 395.167 180.864V180.288H404.071V179.376C404.071 175.872 402.031 173.328 398.719 173.328C395.359 173.328 393.151 175.872 393.151 179.808C393.151 183.744 395.359 186.288 398.719 186.288ZM398.719 174.936C400.687 174.936 402.007 176.4 402.007 178.584V178.848H395.167V178.68C395.167 176.52 396.631 174.936 398.719 174.936Z" fill="white"/>
+<path d="M409.155 186V177.408C409.155 175.824 410.643 175.056 412.179 175.056C414.027 175.056 414.987 176.184 414.987 178.392V186H416.907V178.056C416.907 175.056 415.299 173.328 412.755 173.328C410.907 173.328 409.851 174.24 409.251 175.632H409.155V173.616H407.235V186H409.155Z" fill="white"/>
+<path d="M426.012 186V184.32H423.492V175.296H426.204V173.616H423.492V170.184H421.764V172.488C421.764 173.328 421.5 173.616 420.684 173.616H419.532V175.296H421.572V183.96C421.572 185.16 422.292 186 423.612 186H426.012Z" fill="white"/>
+<path d="M206 189H427.26V190.44H206V189Z" fill="white"/>
+</g>
+</g>
+</svg>
diff --git a/packages/carbon-web-components/thumbnails/ui-shell.svg b/packages/carbon-web-components/thumbnails/ui-shell.svg
new file mode 100644
index 00000000000..65b9dd2e636
--- /dev/null
+++ b/packages/carbon-web-components/thumbnails/ui-shell.svg
@@ -0,0 +1,17 @@
+<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ui-shell-left-panel">
+<rect id="border copy 17" x="120" y="82" width="400" height="218" fill="white"/>
+<rect id="nav copy 18" x="120" y="58" width="400" height="26" fill="#171717"/>
+<rect id="Rectangle Copy 244" opacity="0.844385" x="188" y="69" width="44" height="6" fill="#C6C6C6"/>
+<rect id="Rectangle Copy 245" opacity="0.844385" x="134" y="69" width="44" height="6" fill="#C6C6C6"/>
+<rect id="Rectangle Copy 246" opacity="0.844385" x="242" y="69" width="44" height="6" fill="#C6C6C6"/>
+<rect id="Rectangle Copy 247" opacity="0.844385" x="478" y="66" width="10" height="10" fill="#C6C6C6"/>
+<rect id="Rectangle Copy 248" opacity="0.844385" x="498" y="66" width="10" height="10" fill="#C6C6C6"/>
+<g id="border copy 18" style="mix-blend-mode:multiply">
+<rect x="120.5" y="58.5" width="399" height="243" fill="white"/>
+<rect x="120.5" y="58.5" width="399" height="243" stroke="#C6C6C6"/>
+</g>
+<rect id="nav copy 19" x="120" y="84" width="100" height="216" fill="#171717"/>
+<rect id="Rectangle Copy 260" x="120" y="84" width="100" height="2" fill="#C6C6C6"/>
+</g>
+</svg>