diff --git a/packages/ionic/demos/core-hn-ssr/app.js b/packages/core-hn-demo/demo-ssr/app.js
similarity index 100%
rename from packages/ionic/demos/core-hn-ssr/app.js
rename to packages/core-hn-demo/demo-ssr/app.js
diff --git a/packages/ionic/demos/core-hn-ssr/package.json b/packages/core-hn-demo/demo-ssr/package.json
similarity index 100%
rename from packages/ionic/demos/core-hn-ssr/package.json
rename to packages/core-hn-demo/demo-ssr/package.json
diff --git a/packages/ionic/demos/core-hn-ssr/readme.md b/packages/core-hn-demo/demo-ssr/readme.md
similarity index 100%
rename from packages/ionic/demos/core-hn-ssr/readme.md
rename to packages/core-hn-demo/demo-ssr/readme.md
diff --git a/packages/ionic/demos/core-hn/index.html b/packages/core-hn-demo/demo/index.html
similarity index 100%
rename from packages/ionic/demos/core-hn/index.html
rename to packages/core-hn-demo/demo/index.html
diff --git a/packages/ionic/demos/core-hn/ionic.svg b/packages/core-hn-demo/demo/ionic.svg
similarity index 100%
rename from packages/ionic/demos/core-hn/ionic.svg
rename to packages/core-hn-demo/demo/ionic.svg
diff --git a/packages/core-hn-demo/package.json b/packages/core-hn-demo/package.json
new file mode 100644
index 0000000000..3ddd5efdfd
--- /dev/null
+++ b/packages/core-hn-demo/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@stencil/core-hn-demo",
+  "version": "0.0.1",
+  "description": "Hacker News PWA demo of Stencil app using Ionic components",
+  "main": "index.js",
+  "scripts": {
+    "build": "stencil build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ionic-team/ionic.git"
+  },
+  "dependencies": {
+    "@ionic/ionic": "^0.0.1",
+    "@stencil/core": "^0.0.1"
+  },
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ionic-team/ionic/issues"
+  },
+  "homepage": "https://github.com/ionic-team/ionic#readme"
+}
diff --git a/packages/ionic/src/components/core-hn/comments-list.tsx b/packages/core-hn-demo/src/components/comments-list.tsx
similarity index 100%
rename from packages/ionic/src/components/core-hn/comments-list.tsx
rename to packages/core-hn-demo/src/components/comments-list.tsx
diff --git a/packages/ionic/src/components/core-hn/comments-page.tsx b/packages/core-hn-demo/src/components/comments-page.tsx
similarity index 100%
rename from packages/ionic/src/components/core-hn/comments-page.tsx
rename to packages/core-hn-demo/src/components/comments-page.tsx
diff --git a/packages/ionic/src/components/core-hn/container.tsx b/packages/core-hn-demo/src/components/container.tsx
similarity index 100%
rename from packages/ionic/src/components/core-hn/container.tsx
rename to packages/core-hn-demo/src/components/container.tsx
diff --git a/packages/ionic/src/components/core-hn/main.scss b/packages/core-hn-demo/src/components/main.scss
similarity index 100%
rename from packages/ionic/src/components/core-hn/main.scss
rename to packages/core-hn-demo/src/components/main.scss
diff --git a/packages/ionic/src/components/core-hn/news-list.tsx b/packages/core-hn-demo/src/components/news-list.tsx
similarity index 100%
rename from packages/ionic/src/components/core-hn/news-list.tsx
rename to packages/core-hn-demo/src/components/news-list.tsx
diff --git a/packages/core-hn-demo/stencil.config.js b/packages/core-hn-demo/stencil.config.js
new file mode 100644
index 0000000000..1f18dfef41
--- /dev/null
+++ b/packages/core-hn-demo/stencil.config.js
@@ -0,0 +1,7 @@
+exports.config = {
+  src: 'src',
+  dest: 'dist',
+  bundles: [
+    { components: ['news-list', 'news-container', 'comments-page', 'comments-list'] }
+  ]
+};
diff --git a/packages/ionic/demos/fiber-demo/index.html b/packages/fiber-demo/demo/index.html
similarity index 100%
rename from packages/ionic/demos/fiber-demo/index.html
rename to packages/fiber-demo/demo/index.html
diff --git a/packages/ionic/demos/fiber-demo/perf.html b/packages/fiber-demo/demo/perf.html
similarity index 100%
rename from packages/ionic/demos/fiber-demo/perf.html
rename to packages/fiber-demo/demo/perf.html
diff --git a/packages/fiber-demo/package.json b/packages/fiber-demo/package.json
new file mode 100644
index 0000000000..36a9e6fc69
--- /dev/null
+++ b/packages/fiber-demo/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@stencil/fiber-demo",
+  "version": "0.0.1",
+  "description": "Demo of Stencil app using Ionic components to show rendering capabilities",
+  "main": "index.js",
+  "scripts": {
+    "build": "stencil build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ionic-team/ionic.git"
+  },
+  "dependencies": {
+    "@stencil/core": "^0.0.1"
+  },
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ionic-team/ionic/issues"
+  },
+  "homepage": "https://github.com/ionic-team/ionic#readme"
+}
diff --git a/packages/ionic/src/components/fiber-demo/app.tsx b/packages/fiber-demo/src/components/app.tsx
similarity index 100%
rename from packages/ionic/src/components/fiber-demo/app.tsx
rename to packages/fiber-demo/src/components/app.tsx
diff --git a/packages/ionic/src/components/fiber-demo/dot.tsx b/packages/fiber-demo/src/components/dot.tsx
similarity index 100%
rename from packages/ionic/src/components/fiber-demo/dot.tsx
rename to packages/fiber-demo/src/components/dot.tsx
diff --git a/packages/ionic/src/components/fiber-demo/triangle.tsx b/packages/fiber-demo/src/components/triangle.tsx
similarity index 100%
rename from packages/ionic/src/components/fiber-demo/triangle.tsx
rename to packages/fiber-demo/src/components/triangle.tsx
diff --git a/packages/fiber-demo/stencil.config.js b/packages/fiber-demo/stencil.config.js
new file mode 100644
index 0000000000..059723202b
--- /dev/null
+++ b/packages/fiber-demo/stencil.config.js
@@ -0,0 +1,21 @@
+exports.config = {
+  src: 'src',
+  dest: 'dist',
+  bundles: [
+    { components: ['ion-app', 'ion-content', 'ion-footer', 'ion-header', 'ion-navbar', 'ion-page', 'ion-title', 'ion-toolbar'] },
+    { components: ['ion-avatar', 'ion-thumbnail'] },
+    { components: ['ion-badge'] },
+    { components: ['ion-button', 'ion-buttons', 'ion-icon'] },
+    { components: ['ion-card', 'ion-card-content', 'ion-card-header', 'ion-card-title'] },
+    { components: ['ion-gesture', 'ion-scroll'], priority: 'low' },
+    { components: ['ion-item', 'ion-item-divider', 'ion-label', 'ion-list', 'ion-list-header', 'ion-skeleton-text'] },
+    { components: ['ion-loading', 'ion-loading-controller'] },
+    { components: ['ion-menu'], priority: 'low' },
+    { components: ['ion-modal', 'ion-modal-controller'] },
+    { components: ['ion-slides', 'ion-slide'] },
+    { components: ['ion-spinner'] },
+    { components: ['ion-toggle'] },
+    { components: ['fiber-demo', 'fiber-triangle', 'fiber-dot'] },
+    { components: ['news-list', 'news-container', 'comments-page', 'comments-list'] }
+  ]
+};
diff --git a/packages/ionic/stencil.config.js b/packages/ionic/stencil.config.js
index 059723202b..5064d0422d 100644
--- a/packages/ionic/stencil.config.js
+++ b/packages/ionic/stencil.config.js
@@ -14,8 +14,6 @@ exports.config = {
     { components: ['ion-modal', 'ion-modal-controller'] },
     { components: ['ion-slides', 'ion-slide'] },
     { components: ['ion-spinner'] },
-    { components: ['ion-toggle'] },
-    { components: ['fiber-demo', 'fiber-triangle', 'fiber-dot'] },
-    { components: ['news-list', 'news-container', 'comments-page', 'comments-list'] }
+    { components: ['ion-toggle'] }
   ]
 };