diff --git a/.github/workflows/on-main.yml b/.github/workflows/on-main.yml
new file mode 100644
index 00000000..7c476c32
--- /dev/null
+++ b/.github/workflows/on-main.yml
@@ -0,0 +1,28 @@
+name: Generate Lighthouse Badges
+on:
+  push:
+    branches:
+      - main
+jobs:
+    generate-lighthouse-badges:
+      runs-on: ubuntu-latest
+      steps:
+        - name: Checkout code
+          uses: actions/checkout@v4
+        - name: Set up Node.js
+          uses: actions/setup-node@v4
+          with:
+            node-version: '20'
+        - name: Run Lighthouse and generate badges
+          run: |
+            make lighthouse-badges
+
+        - name: Push badges to repo
+          run: |
+            git config --global user.name "GitHub Action"
+            git config --global user.email "action@github.com"
+            git add ./docs/lighthouse
+            git commit -m "Update Lighthouse badges"
+            git push
+          env:
+            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
diff --git a/.lighthouserc.json b/.lighthouserc.json
index ade46d14..7f508bb9 100644
--- a/.lighthouserc.json
+++ b/.lighthouserc.json
@@ -23,7 +23,7 @@
         "categories.best-practices" : [
           "error",
           {
-            "minScore": 0.95
+            "minScore": 0.96
           }
         ],
         "categories.seo" : [
diff --git a/Makefile b/Makefile
index 37d0d566..668f8bc6 100644
--- a/Makefile
+++ b/Makefile
@@ -28,6 +28,9 @@ checks: install compile build verify-formatting lint
 lighthouse-audit: install build
 	lhci autorun
 
+lighthouse-badges:
+	npx lighthouse-badges -o docs/lighthouse/badges -u https://teomrd.github.io/miropad/
+
 clean:
 	deno clean
 	rm -rf ./node_modules
diff --git a/README.md b/README.md
index 76620992..da63de8c 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,13 @@
 
 > Temporary note keeping app for the browser
 
+## Lighthouse Audit scores
+
+[![Lighthouse Performance Badge](./docs/lighthouse/badges/lighthouse_performance.svg)](https://github.com/teomrd/miropad)
+[![Lighthouse Accessibility Badge](./docs/lighthouse/badges/lighthouse_accessibility.svg)](https://github.com/teomrd/miropad)
+[![Lighthouse Best Practices Badge](./docs/lighthouse/badges/lighthouse_best-practices.svg)](https://github.com/teomrd/miropad)
+[![Lighthouse SEO Badge](./docs/lighthouse/badges/lighthouse_seo.svg)](https://github.com/teomrd/miropad)
+
 ## Usage
 
 ```commands
@@ -31,6 +38,4 @@ following the pattern.
 
 `git config commit.template ./.gitmessage`
 
-## Lighthouse Audit results
 
-![Lighthouse Audit results](docs/lighthouse-results.gif)
\ No newline at end of file
diff --git a/docs/lighthouse-results.gif b/docs/lighthouse-results.gif
deleted file mode 100644
index 2d21d908..00000000
Binary files a/docs/lighthouse-results.gif and /dev/null differ
diff --git a/docs/lighthouse/badges/lighthouse_accessibility.svg b/docs/lighthouse/badges/lighthouse_accessibility.svg
new file mode 100644
index 00000000..66780661
--- /dev/null
+++ b/docs/lighthouse/badges/lighthouse_accessibility.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="172" height="20" role="img" aria-label="lighthouse accessibility: 92%"><title>lighthouse accessibility: 92%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="172" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="137" height="20" fill="#555"/><rect x="137" width="35" height="20" fill="#97ca00"/><rect width="172" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1270">lighthouse accessibility</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="1270">lighthouse accessibility</text><text aria-hidden="true" x="1535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">92%</text><text x="1535" y="140" transform="scale(.1)" fill="#fff" textLength="250">92%</text></g></svg>
\ No newline at end of file
diff --git a/docs/lighthouse/badges/lighthouse_best-practices.svg b/docs/lighthouse/badges/lighthouse_best-practices.svg
new file mode 100644
index 00000000..a65fba4c
--- /dev/null
+++ b/docs/lighthouse/badges/lighthouse_best-practices.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="192" height="20" role="img" aria-label="lighthouse best-practices: 100%"><title>lighthouse best-practices: 100%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="192" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="149" height="20" fill="#555"/><rect x="149" width="43" height="20" fill="#4c1"/><rect width="192" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="755" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1390">lighthouse best-practices</text><text x="755" y="140" transform="scale(.1)" fill="#fff" textLength="1390">lighthouse best-practices</text><text aria-hidden="true" x="1695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">100%</text><text x="1695" y="140" transform="scale(.1)" fill="#fff" textLength="330">100%</text></g></svg>
\ No newline at end of file
diff --git a/docs/lighthouse/badges/lighthouse_performance.svg b/docs/lighthouse/badges/lighthouse_performance.svg
new file mode 100644
index 00000000..1268e55a
--- /dev/null
+++ b/docs/lighthouse/badges/lighthouse_performance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="184" height="20" role="img" aria-label="lighthouse performance: 100%"><title>lighthouse performance: 100%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="184" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="141" height="20" fill="#555"/><rect x="141" width="43" height="20" fill="#4c1"/><rect width="184" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="715" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1310">lighthouse performance</text><text x="715" y="140" transform="scale(.1)" fill="#fff" textLength="1310">lighthouse performance</text><text aria-hidden="true" x="1615" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">100%</text><text x="1615" y="140" transform="scale(.1)" fill="#fff" textLength="330">100%</text></g></svg>
\ No newline at end of file
diff --git a/docs/lighthouse/badges/lighthouse_seo.svg b/docs/lighthouse/badges/lighthouse_seo.svg
new file mode 100644
index 00000000..a4ca8dbd
--- /dev/null
+++ b/docs/lighthouse/badges/lighthouse_seo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="124" height="20" role="img" aria-label="lighthouse seo: 91%"><title>lighthouse seo: 91%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="124" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="89" height="20" fill="#555"/><rect x="89" width="35" height="20" fill="#97ca00"/><rect width="124" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="455" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="790">lighthouse seo</text><text x="455" y="140" transform="scale(.1)" fill="#fff" textLength="790">lighthouse seo</text><text aria-hidden="true" x="1055" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">91%</text><text x="1055" y="140" transform="scale(.1)" fill="#fff" textLength="250">91%</text></g></svg>
\ No newline at end of file