diff --git a/.changeset/slow-spoons-carry.md b/.changeset/slow-spoons-carry.md
new file mode 100644
index 000000000..099502c35
--- /dev/null
+++ b/.changeset/slow-spoons-carry.md
@@ -0,0 +1,46 @@
+---
+'@lion/accordion': minor
+'@lion/ajax': minor
+'@lion/button': minor
+'@lion/calendar': minor
+'@lion/checkbox-group': minor
+'@lion/collapsible': minor
+'@lion/combobox': minor
+'@lion/core': minor
+'@lion/dialog': minor
+'@lion/fieldset': minor
+'@lion/form': minor
+'@lion/form-core': minor
+'@lion/form-integrations': minor
+'@lion/helpers': minor
+'@lion/icon': minor
+'@lion/input': minor
+'@lion/input-amount': minor
+'@lion/input-date': minor
+'@lion/input-datepicker': minor
+'@lion/input-email': minor
+'@lion/input-iban': minor
+'@lion/input-range': minor
+'@lion/input-stepper': minor
+'@lion/listbox': minor
+'@lion/localize': minor
+'@lion/overlays': minor
+'@lion/pagination': minor
+'@lion/progress-indicator': minor
+'@lion/radio-group': minor
+'@lion/select': minor
+'@lion/select-rich': minor
+'@lion/switch': minor
+'@lion/tabs': minor
+'@lion/textarea': minor
+'@lion/tooltip': minor
+'@lion/validate-messages': minor
+'babel-plugin-extend-docs': patch
+'providence-analytics': patch
+'publish-docs': patch
+'remark-extend': patch
+'singleton-manager': patch
+'@lion/steps': patch
+---
+
+add simulator to demos
diff --git a/docs/components/inputs/calendar/overview.md b/docs/components/inputs/calendar/overview.md
index 7792a4039..c198a9ae7 100644
--- a/docs/components/inputs/calendar/overview.md
+++ b/docs/components/inputs/calendar/overview.md
@@ -7,7 +7,7 @@ import { html, css } from '@lion/core';
 import '@lion/calendar/define';
 ```
 
-```js story
+```js preview-story
 export const main = () => {
   return html`
     <style>
diff --git a/docs/components/inputs/checkbox-group/overview.md b/docs/components/inputs/checkbox-group/overview.md
index 252db9a40..f9b33842a 100644
--- a/docs/components/inputs/checkbox-group/overview.md
+++ b/docs/components/inputs/checkbox-group/overview.md
@@ -10,7 +10,7 @@ import { html } from '@lion/core';
 import '@lion/checkbox-group/define';
 ```
 
-```js story
+```js preview-story
 export const main = () => html`
   <lion-checkbox-group name="scientists[]" label="Favorite scientists">
     <lion-checkbox label="Archimedes" .choiceValue=${'Archimedes'}></lion-checkbox>
diff --git a/docs/docs/systems/form/features.md b/docs/docs/systems/form/features.md
index 769cb9ce3..c57e3fcc5 100644
--- a/docs/docs/systems/form/features.md
+++ b/docs/docs/systems/form/features.md
@@ -30,7 +30,7 @@ import { loadDefaultFeedbackMessages } from '@lion/validate-messages';
 
 ## Umbrella Form
 
-```js story
+```js preview-story
 export const main = () => {
   loadDefaultFeedbackMessages();
   Required.getMessage = () => 'Please enter a value';
diff --git a/docs/simulator.md b/docs/simulator.md
new file mode 100644
index 000000000..bac279716
--- /dev/null
+++ b/docs/simulator.md
@@ -0,0 +1,5 @@
+---
+layout: layout-simulator
+eleventyExcludeFromCollections: true
+excludeFromSearch: true
+---
diff --git a/package.json b/package.json
index 62bcd331e..5de19a043 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "@open-wc/testing": "^2.5.18",
     "@open-wc/testing-helpers": "^1.0.0",
     "@rocket/blog": "^0.3.0",
-    "@rocket/cli": "^0.6.0",
+    "@rocket/cli": "^0.6.2",
     "@rocket/launch": "^0.4.0",
     "@rocket/search": "^0.3.0",
     "@types/chai-dom": "^0.0.8",
diff --git a/rocket.config.mjs b/rocket.config.mjs
index e51cff843..bf49c3b2f 100644
--- a/rocket.config.mjs
+++ b/rocket.config.mjs
@@ -7,6 +7,19 @@ import { absoluteBaseUrlNetlify } from '@rocket/core/helpers';
 export default {
   presets: [rocketLaunch(), rocketSearch(), rocketBlog()],
   absoluteBaseUrl: absoluteBaseUrlNetlify('http://localhost:8080'),
+  setupUnifiedPlugins: [
+    adjustPluginOptions('mdjsSetupCode', {
+      simulationSettings: {
+        simulatorUrl: '/simulator/',
+        languages: [
+          { key: 'en-US', name: 'English (United States)' },
+          { key: 'en-US', name: 'English (United Kingdom)' },
+          { key: 'de-DE', name: 'German' },
+          { key: 'nl-NL', name: 'Dutch' },
+        ],
+      },
+    }),
+  ],
   setupBuildPlugins: [
     adjustPluginOptions('copy', config => {
       config.patterns = [...config.patterns, 'docs/**/assets/**'];
diff --git a/yarn.lock b/yarn.lock
index ef56875b7..e040ef9b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1463,17 +1463,17 @@
     mkdirp "^0.5.1"
     rimraf "^2.5.2"
 
-"@mdjs/core@^0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@mdjs/core/-/core-0.6.2.tgz#5c16a291721b57afede1ab08ead7e1be14379cc5"
-  integrity sha512-Nd+a56pIZ8NEXZ6/zDnA/VWtbtMgZpZDRZb4KbYAaMIqqhlZ7EiO12XscftCdrmOQkHcqooKwbpTas3nhi6JXw==
+"@mdjs/core@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@mdjs/core/-/core-0.7.0.tgz#3ddecfa95b499916247a7044c6a0e9225fae14ea"
+  integrity sha512-W/rJVNJAiMIYSKDJ3q5JJWx/+I248ACXlOW09dVSOzTVHbO6mas2sPqkzooOYyE1FwQpWvTl0e0ogkUNqYtRzA==
   dependencies:
-    "@mdjs/mdjs-preview" "^0.3.0"
-    "@mdjs/mdjs-story" "^0.1.0"
+    "@mdjs/mdjs-preview" "^0.4.0"
+    "@mdjs/mdjs-story" "^0.2.0"
     "@types/unist" "^2.0.3"
     es-module-lexer "^0.3.26"
     github-markdown-css "^4.0.0"
-    plugins-manager "^0.2.0"
+    plugins-manager "^0.2.1"
     rehype-autolink-headings "^5.0.1"
     rehype-prism-template "^0.4.1"
     rehype-raw "^5.0.0"
@@ -1487,18 +1487,18 @@
     unist-util-remove "^2.0.1"
     unist-util-visit "^2.0.3"
 
-"@mdjs/mdjs-preview@^0.3.0":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@mdjs/mdjs-preview/-/mdjs-preview-0.3.2.tgz#c8ab8899778a90e529c5853df21d5b7d6e93c913"
-  integrity sha512-x3ZUoPnX46uJoksF1xsIw8zStETtinz9bXqXcZ3+pGkbP3px5zhPwsfgcJi7EtYJxnCgpco30/0jGhotYYoYkw==
+"@mdjs/mdjs-preview@^0.4.0":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@mdjs/mdjs-preview/-/mdjs-preview-0.4.1.tgz#22b72c9d70529f7a37979ad58b098f3db1f4f132"
+  integrity sha512-7YBG0YJU6XdWWjt8da2cKYlsqEJK6XDx/OPilosZzEaGBfhA7z5TuwVuYVr5KYBapzb2CEAo6jLXNxqXWUlzeg==
   dependencies:
+    "@lion/accordion" "^0.4.2"
     lit-element "^2.4.0"
-    lit-html "^1.3.0"
 
-"@mdjs/mdjs-story@^0.1.0":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@mdjs/mdjs-story/-/mdjs-story-0.1.2.tgz#736a9c861ea978d306a5233509129439d1939c51"
-  integrity sha512-g+zkJvUhGAszz4pWNanbJ3zOb0TTcssD425zhLzXk/hGQ3T/RnID6F26IQil2C5p319ebCs4IIPHKIneQVggYA==
+"@mdjs/mdjs-story@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@mdjs/mdjs-story/-/mdjs-story-0.2.0.tgz#f0a2030729e8b26868f0266c76da42988b23f9c2"
+  integrity sha512-KgHOUNm4e/Il9+PsPY8RatpO2UJ2Gyxwse+dkZdu63LA+vKDxLehGEo9bFVYS86Z4TCGysdSy4Pxdl42rZdGNA==
   dependencies:
     lit-element "^2.4.0"
 
@@ -1692,32 +1692,32 @@
   dependencies:
     plugins-manager "^0.2.0"
 
-"@rocket/building-rollup@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@rocket/building-rollup/-/building-rollup-0.1.3.tgz#9f8ecbb4f07fc83bd6f109968fa3d0f622fbb0a5"
-  integrity sha512-cV4FunFtAXeQXjFH7SNL9iozKFK1PS9WvUUnCLORPReosxm/+dUU8qXujuEj/kbMVQsfXg9F4QDv+OnFPJiTaQ==
+"@rocket/building-rollup@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@rocket/building-rollup/-/building-rollup-0.2.0.tgz#6e55c0d3ad603f4df3024ff4a907b53dc2ea6e32"
+  integrity sha512-5RipnL0RhSGLtbwkxVqL20YbbJqiAyEKY/+lRL/R2SVM+P+Isc1zo001z6RUUcxffyb880N38dQl+1UBbqbbHg==
   dependencies:
     "@babel/core" "^7.12.10"
     "@babel/preset-env" "^7.12.11"
     "@rollup/plugin-babel" "^5.2.2"
     "@rollup/plugin-node-resolve" "^11.0.1"
-    "@web/rollup-plugin-html" "^1.4.0"
+    "@web/rollup-plugin-html" "^1.6.0"
     "@web/rollup-plugin-import-meta-assets" "^1.0.4"
-    "@web/rollup-plugin-polyfills-loader" "^1.0.3"
+    "@web/rollup-plugin-polyfills-loader" "^1.1.0"
     browserslist "^4.16.1"
     rollup-plugin-terser "^7.0.2"
     rollup-plugin-workbox "^6.1.0"
 
-"@rocket/cli@^0.6.0":
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/@rocket/cli/-/cli-0.6.0.tgz#7e3c3bef38ad401c2268ef45d07f8735458f5972"
-  integrity sha512-OaaJvOjEcmc6MHFPUK9C5yjHXD2pndKRkryw4jrEylVN+Ol8xyFNDLxrbs2yVbn6rsDGwYdb3Hag4sL+aULTOw==
+"@rocket/cli@^0.6.2":
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/@rocket/cli/-/cli-0.6.2.tgz#cec06956cd989ec49a9aa85f80ef11e7bc5c85b4"
+  integrity sha512-bDU+oD4DWOrudpE18j+Ps8Mf+TIRl6Ew40NlPYea7SSiZKFFuH/DqktN5l+9pqiIFB4c18Z9zvzwGcI+l9MQ4A==
   dependencies:
     "@11ty/eleventy" "^0.11.1"
     "@11ty/eleventy-img" "^0.7.4"
-    "@rocket/building-rollup" "^0.1.3"
+    "@rocket/building-rollup" "^0.2.0"
     "@rocket/core" "^0.1.2"
-    "@rocket/eleventy-plugin-mdjs-unified" "^0.3.1"
+    "@rocket/eleventy-plugin-mdjs-unified" "^0.4.0"
     "@rocket/eleventy-rocket-nav" "^0.3.0"
     "@rollup/plugin-babel" "^5.2.2"
     "@rollup/plugin-node-resolve" "^11.0.1"
@@ -1731,6 +1731,7 @@
     fs-extra "^9.0.1"
     micromatch "^4.0.2"
     plugins-manager "^0.2.1"
+    slash "^3.0.0"
     utf8 "^3.0.0"
 
 "@rocket/core@^0.1.2":
@@ -1746,12 +1747,12 @@
     "@lion/overlays" "^0.23.2"
     lit-element "^2.4.0"
 
-"@rocket/eleventy-plugin-mdjs-unified@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@rocket/eleventy-plugin-mdjs-unified/-/eleventy-plugin-mdjs-unified-0.3.1.tgz#f33d8bdcc332f479e9792abc36044cc02ed7ecab"
-  integrity sha512-aJ0IXWzOBqyFqiLn9HIqgwqqc5mc+huJKdH/L71Zcp8oYoog70ZV241XOt6Z/MZ7IpGPA272m+fgKyD/ezu2Cg==
+"@rocket/eleventy-plugin-mdjs-unified@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@rocket/eleventy-plugin-mdjs-unified/-/eleventy-plugin-mdjs-unified-0.4.0.tgz#b1c8565a88df93b7b731d1d69222984e2865e47d"
+  integrity sha512-RRTbGSHScJAKunQp8N3bGRxKzu6lkAfwq7L85Z7ASgUyPD4XwaOWfaG3j7D7AcsJogKEnMdlGRsO7qtjDc50VA==
   dependencies:
-    "@mdjs/core" "^0.6.2"
+    "@mdjs/core" "^0.7.0"
     es-module-lexer "^0.3.26"
     unist-util-visit "^2.0.3"
 
@@ -2546,17 +2547,24 @@
     "@types/parse5" "^5.0.3"
     parse5 "^6.0.1"
 
-"@web/polyfills-loader@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@web/polyfills-loader/-/polyfills-loader-1.0.2.tgz#57893d6fd4a015d36f143018dc3f7096ba7a7e71"
-  integrity sha512-JKmx0gMemM4T0LIxAXl9CGlDqlCiFJRFPG5WhKWljV42vP+Nh30Q4Zu8bur7CQA9h8oVIUBLUVPUpyMclOZWmw==
+"@web/parse5-utils@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@web/parse5-utils/-/parse5-utils-1.2.2.tgz#33eec93321eb07cf364651c131b980a7afd8c4d7"
+  integrity sha512-B68DoJ5qF8Cu3o7nDA2RQTCf9bslVz2b0WHTk3qir5YCbWfhnPEGhDOedOjbE8xDiHqgzI1zXQsJ2+655aluLA==
+  dependencies:
+    "@types/parse5" "^5.0.3"
+    parse5 "^6.0.1"
+
+"@web/polyfills-loader@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@web/polyfills-loader/-/polyfills-loader-1.1.0.tgz#9df3da3d40159fce55c17cc370750052f62798bd"
+  integrity sha512-1bF1nhFG25isy6NbMhz9jVBCoXqrB1WzxkhT8Pyw9vKhXO+F83+TUWp0QeInsvvDVo0QPIeg+bVz6spRJrvfkg==
   dependencies:
     "@babel/core" "^7.12.10"
     "@web/parse5-utils" "^1.1.2"
     "@webcomponents/webcomponentsjs" "^2.5.0"
     abortcontroller-polyfill "^1.5.0"
     core-js-bundle "^3.8.1"
-    deepmerge "^4.2.2"
     dynamic-import-polyfill "^0.1.1"
     intersection-observer "^0.12.0"
     parse5 "^6.0.1"
@@ -2573,12 +2581,12 @@
   dependencies:
     glob "^7.0.0"
 
-"@web/rollup-plugin-html@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@web/rollup-plugin-html/-/rollup-plugin-html-1.4.0.tgz#bf94d1ee525e5f41dc527bbff9f7e24973a82238"
-  integrity sha512-AYOeRuNsPXQmNpxlJRFLlfVMm4EazXcJEz0bbVd6wKQVcEBM71kRboGfupxhoIkDcVyThefw9gETcMZ4ntUcTw==
+"@web/rollup-plugin-html@^1.6.0":
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/@web/rollup-plugin-html/-/rollup-plugin-html-1.6.0.tgz#fd3f406fd6d74a0cded581953a3146fe9f0454ad"
+  integrity sha512-m5xDI6ZhdAI2nfHwU3NXJ/dcDWghR+g/RrlAtIWYlj8NvXk/ZNqVVK1NbJrI/e5RlgDQ/+OycjmKgyAP9W1tWA==
   dependencies:
-    "@web/parse5-utils" "^1.1.2"
+    "@web/parse5-utils" "^1.2.2"
     glob "^7.1.6"
     parse5 "^6.0.1"
 
@@ -2591,12 +2599,12 @@
     estree-walker "^2.0.1"
     magic-string "^0.25.7"
 
-"@web/rollup-plugin-polyfills-loader@^1.0.3":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@web/rollup-plugin-polyfills-loader/-/rollup-plugin-polyfills-loader-1.0.7.tgz#67c3931a0a8a29f379f8b79971f8a22f46c3b8d4"
-  integrity sha512-+WG8nPWdtwgifjGQpC4eQNxYm2TcAlJAQPwuuPcJHjF52tU/RwDYr0qHz6T/fNL2ifRyK181J38zwZ87S4S1hA==
+"@web/rollup-plugin-polyfills-loader@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@web/rollup-plugin-polyfills-loader/-/rollup-plugin-polyfills-loader-1.1.0.tgz#5d49c11c6e9874550d8bac2934d368e6437c9982"
+  integrity sha512-p3GtEKeeyRJa5S/sKWpIa3eg+fiPeYux+Z+r85kxyAw4FY+4AOts9vEeg1McEDjCZ/4V40X2vaPTi1alFBNrig==
   dependencies:
-    "@web/polyfills-loader" "^1.0.2"
+    "@web/polyfills-loader" "^1.1.0"
 
 "@web/test-runner-browserstack@^0.4.2":
   version "0.4.2"