diff --git a/core-modular/.gitignore b/core-modular/.gitignore
new file mode 100644
index 0000000000..1f2103be7e
--- /dev/null
+++ b/core-modular/.gitignore
@@ -0,0 +1,37 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+/.nyc_output
+
+# production
+/build
+/public
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+.idea
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.vscode/
+/public*/luigi*.css
+/public*/luigi*.js
+/public*/*.woff
+/public*/*.woff2
+/public*/*.ttf
+
+# maps
+*.map
+
+/dev-tools/simple-app
\ No newline at end of file
diff --git a/core-modular/README.md b/core-modular/README.md
new file mode 100644
index 0000000000..2dfb71504e
--- /dev/null
+++ b/core-modular/README.md
@@ -0,0 +1,5 @@
+# Luigi Modular Core
+
+## Overview
+
+Luigi Core, headless, modular. WIP
\ No newline at end of file
diff --git a/core-modular/dev-tools/simple-app_bak/index.html b/core-modular/dev-tools/simple-app_bak/index.html
new file mode 100644
index 0000000000..20c2a82952
--- /dev/null
+++ b/core-modular/dev-tools/simple-app_bak/index.html
@@ -0,0 +1,96 @@
+
+
+
+ Luigi Headless
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/core-modular/dev-tools/simple-app_bak/luigi-config.js b/core-modular/dev-tools/simple-app_bak/luigi-config.js
new file mode 100644
index 0000000000..3abcb9682b
--- /dev/null
+++ b/core-modular/dev-tools/simple-app_bak/luigi-config.js
@@ -0,0 +1,42 @@
+window.onload = () => {
+ window.Luigi.setConfig({
+ navigation: {
+ nodes: [
+ {
+ pathSegment: 'home',
+ icon: 'home',
+ viewUrl: '/microfrontend.html#home',
+ children: [
+ {
+ pathSegment: 'c1',
+ label: 'MFE1',
+ icon: 'group',
+ viewUrl: '/microfrontend.html#child1'
+ },
+ {
+ pathSegment: 'c2',
+ label: 'MFE2',
+ icon: 'calendar',
+ viewUrl: '/microfrontend.html#child2'
+ }
+ ]
+ },
+ {
+ pathSegment: 'help',
+ icon: 'sys-help',
+ viewUrl: '/microfrontend.html#help'
+ }
+ ]
+ },
+ routing: {
+ useHashRouting: true
+ },
+ settings: {
+ responsiveNavigation: 'Fiori3',
+ header: {
+ title: 'Luigi Headless POC',
+ logo: 'https://fiddle.luigi-project.io/img/luigi.svg'
+ }
+ }
+ });
+};
diff --git a/core-modular/dev-tools/simple-app_bak/luigi-ui/lui-ui5wc.js b/core-modular/dev-tools/simple-app_bak/luigi-ui/lui-ui5wc.js
new file mode 100644
index 0000000000..def3490d7d
--- /dev/null
+++ b/core-modular/dev-tools/simple-app_bak/luigi-ui/lui-ui5wc.js
@@ -0,0 +1,80 @@
+const connector = {
+ renderTopNav: topNavData => {
+ const shellbar = document.querySelector('.tool-layout > ui5-shellbar');
+ shellbar.setAttribute('primary-title', topNavData.appTitle);
+ let html = '';
+ html += '';
+ if (topNavData.logo) {
+ html += `
`;
+ }
+ (topNavData.topNodes || []).forEach(n => {
+ html += ``;
+ });
+ shellbar.innerHTML = html;
+ const items = shellbar.querySelectorAll('ui5-shellbar-item');
+ if (items) {
+ items.forEach(item => {
+ item.addEventListener('click', () => {
+ Luigi.navigation().navigate(item.getAttribute('luigi-route'));
+ });
+ });
+ }
+ //...
+ },
+ renderLeftNav: leftNavData => {
+ const sidenav = document.querySelector('ui5-side-navigation');
+ const burger = document.getElementById('toggle');
+ if (sidenav && burger) {
+ if (!burger._clickListener) {
+ burger._clickListener = () => {
+ sidenav.toggleAttribute('collapsed');
+ };
+ burger.addEventListener('click', burger._clickListener);
+ }
+
+ let html = '';
+
+ if (leftNavData.items) {
+ leftNavData.items.forEach(item => {
+ if (item.node) {
+ html += ``;
+ } else if (item.category) {
+ // tbd
+ }
+ });
+ }
+
+ document.body.classList.toggle('left-nav-hidden', !(leftNavData.items?.length > 0));
+ sidenav.innerHTML = html;
+
+ const items = sidenav.querySelectorAll('[luigi-route]');
+ if (items) {
+ items.forEach(item => {
+ item.addEventListener('click', () => {
+ Luigi.navigation().navigate(item.getAttribute('luigi-route'));
+ });
+ });
+ }
+ }
+ },
+ renderContent: navNode => {
+ const contentContainer = document.querySelector('.tool-layout > .content');
+ contentContainer.innerHTML = '';
+ const lc = document.createElement('luigi-container');
+ lc.setAttribute('viewUrl', navNode.viewUrl);
+ lc.webcomponent = navNode.webcomponent;
+ lc.context = navNode.context;
+ contentContainer.appendChild(lc);
+ }
+};
+
+// eslint-disable-next-line no-undef
+Luigi.bootstrap(connector);
diff --git a/core-modular/dev-tools/simple-app_bak/luigi-ui/lui.css b/core-modular/dev-tools/simple-app_bak/luigi-ui/lui.css
new file mode 100644
index 0000000000..2e8aa96471
--- /dev/null
+++ b/core-modular/dev-tools/simple-app_bak/luigi-ui/lui.css
@@ -0,0 +1,52 @@
+html,
+body {
+ margin: 0;
+ position: relativ;
+ height: 100%;
+ background: var(--sapBackgroundColor);
+}
+
+ui5-side-navigation {
+ min-height: 0;
+}
+
+.left-nav-hidden ui5-side-navigation,
+.left-nav-hidden ui5-shellbar #toggle {
+ display: none;
+}
+
+.left-nav-hidden .content {
+ grid-column: 1 / span 2;
+}
+
+ui5-shellbar::part(root) {
+ padding-inline-start: 0.75rem;
+ padding-inline-end: 1.25rem;
+ border-radius: 0.5rem;
+ box-shadow: 0 0 0.125rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent),
+ 0 0.5rem 1rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);
+}
+
+.tool-layout {
+ height: 100%;
+ box-sizing: border-box;
+ padding: 0.5rem 0.5rem 0 0.5rem;
+ /* background: color-mix(in srgb, black 4%, var(--sapBackgroundColor)); */
+ display: grid;
+ gap: 0.5rem;
+ grid-template-rows: auto 1fr;
+ grid-template-columns: auto 1fr;
+}
+
+ui5-shellbar {
+ grid-column: 1 / span 2;
+ grid-row: 1 / 2;
+}
+
+.content {
+ position: relative;
+ background: var(--sapBackgroundColor);
+ border-radius: 0.5rem 0.5rem 0 0;
+ box-shadow: 0 0 0.125rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent),
+ 0 0.5rem 1rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);
+}
\ No newline at end of file
diff --git a/core-modular/dev-tools/simple-app_bak/microfrontend.html b/core-modular/dev-tools/simple-app_bak/microfrontend.html
new file mode 100644
index 0000000000..20ec693e7d
--- /dev/null
+++ b/core-modular/dev-tools/simple-app_bak/microfrontend.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Luigi Simple Development Template
+
Some content
+
+
Luigi Simple Development Template
+
Some content
+