diff --git a/packages/webawesome/docs/.eleventy.js b/packages/webawesome/docs/.eleventy.js
index 3b6a9287a..cece771ac 100644
--- a/packages/webawesome/docs/.eleventy.js
+++ b/packages/webawesome/docs/.eleventy.js
@@ -350,6 +350,9 @@ export default async function (eleventyConfig) {
eleventyConfig.addPassthroughCopy(glob);
}
+ // Passthrough copy for manifest.json (PWA manifest file)
+ eleventyConfig.addPassthroughCopy('manifest.json');
+
// // SSR plugin
// if (!isDev) {
// //
diff --git a/packages/webawesome/docs/_includes/head.njk b/packages/webawesome/docs/_includes/head.njk
index 63adce616..ab7cf5b74 100644
--- a/packages/webawesome/docs/_includes/head.njk
+++ b/packages/webawesome/docs/_includes/head.njk
@@ -15,8 +15,11 @@
document.documentElement.classList.toggle('wa-dark', isDark);
-
-
+
+
+
+
+
diff --git a/packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png b/packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png
new file mode 100644
index 000000000..7fa388495
Binary files /dev/null and b/packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png differ
diff --git a/packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png b/packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png
new file mode 100644
index 000000000..0d92d69c7
Binary files /dev/null and b/packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png differ
diff --git a/packages/webawesome/docs/assets/images/app-icons/app-icon.svg b/packages/webawesome/docs/assets/images/app-icons/app-icon.svg
new file mode 100644
index 000000000..f43eb4a24
--- /dev/null
+++ b/packages/webawesome/docs/assets/images/app-icons/app-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png b/packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png
new file mode 100644
index 000000000..0106f5e6d
Binary files /dev/null and b/packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png differ
diff --git a/packages/webawesome/docs/assets/images/app-icons/favicon.ico b/packages/webawesome/docs/assets/images/app-icons/favicon.ico
new file mode 100644
index 000000000..683fe2f10
Binary files /dev/null and b/packages/webawesome/docs/assets/images/app-icons/favicon.ico differ
diff --git a/packages/webawesome/docs/assets/images/app-icons/icon.svg b/packages/webawesome/docs/assets/images/app-icons/icon.svg
new file mode 100644
index 000000000..f43eb4a24
--- /dev/null
+++ b/packages/webawesome/docs/assets/images/app-icons/icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg b/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg
deleted file mode 100644
index a95543887..000000000
--- a/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/webawesome/docs/assets/images/webawesome-logo.svg b/packages/webawesome/docs/assets/images/webawesome-logo.svg
deleted file mode 100644
index 1d58e868e..000000000
--- a/packages/webawesome/docs/assets/images/webawesome-logo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/webawesome/docs/assets/images/webawesome-wordmark.svg b/packages/webawesome/docs/assets/images/webawesome-wordmark.svg
deleted file mode 100644
index a27af5200..000000000
--- a/packages/webawesome/docs/assets/images/webawesome-wordmark.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/packages/webawesome/docs/manifest.json b/packages/webawesome/docs/manifest.json
new file mode 100644
index 000000000..a96e1a9fe
--- /dev/null
+++ b/packages/webawesome/docs/manifest.json
@@ -0,0 +1,21 @@
+{
+ "name": "Web Awesome",
+ "short_name": "Web Awesome",
+ "description": "Build better with Web Awesome, the open source library of web components from Font Awesome.",
+ "start_url": "/",
+ "display": "standalone",
+ "theme_color": "#f36944",
+ "background_color": "#ffffff",
+ "icons": [
+ {
+ "src": "/assets/images/app-icons/app-icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/assets/images/app-icons/app-icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+}