diff --git a/code/ui/.storybook/main.ts b/code/ui/.storybook/main.ts
index 645c6ae39afd..0a4647774db1 100644
--- a/code/ui/.storybook/main.ts
+++ b/code/ui/.storybook/main.ts
@@ -19,6 +19,30 @@ const allStories = [
     directory: '../blocks/src',
     titlePrefix: '@storybook-blocks',
   },
+  {
+    directory: '../../addons/interactions/template/stories',
+    titlePrefix: '@storybook-addon/interactions',
+  },
+  {
+    directory: '../../addons/actions/template/stories',
+    titlePrefix: '@storybook-addon/actions',
+  },
+  {
+    directory: '../../addons/a11y/template/stories',
+    titlePrefix: '@storybook-addon/accessibility',
+  },
+  {
+    directory: '../../addons/controls/template/stories',
+    titlePrefix: '@storybook-addon/controls',
+  },
+  {
+    directory: '../../addons/docs/template/stories',
+    titlePrefix: '@storybook-addon/docs',
+  },
+  {
+    directory: '../../addons/viewport/template/stories',
+    titlePrefix: '@storybook-addon/viewport',
+  },
 ];
 
 /**
@@ -48,6 +72,7 @@ const config: StorybookConfig = {
   stories: isBlocksOnly ? blocksOnlyStories : allStories,
   addons: [
     '@storybook/addon-links',
+    '@storybook/addon-a11y',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-storysource',
diff --git a/code/ui/.storybook/preview.tsx b/code/ui/.storybook/preview.tsx
index ed08e0fd9886..4919930fb5f7 100644
--- a/code/ui/.storybook/preview.tsx
+++ b/code/ui/.storybook/preview.tsx
@@ -20,6 +20,8 @@ import { DocsContext } from '@storybook/blocks';
 
 import { DocsPageWrapper } from '../blocks/src/components';
 
+import '../../renderers/react/template/components/index';
+
 const { document } = global;
 
 const ThemeBlock = styled.div<{ side: 'left' | 'right' }>(