diff --git a/docs/app/assets/stylesheets/application.tailwind.css b/docs/app/assets/stylesheets/application.tailwind.css
index d487f2db..039fc114 100644
--- a/docs/app/assets/stylesheets/application.tailwind.css
+++ b/docs/app/assets/stylesheets/application.tailwind.css
@@ -49,6 +49,16 @@
   background-image: none !important;
 }
 
+/* FAB uses position:fixed — contain it within the preview panel */
+.fab-preview-container {
+  position: relative;
+  min-height: 16rem;
+}
+
+.fab-preview-container .fab {
+  position: absolute;
+}
+
 /* Responsive drawer-open - outside layers for highest specificity */
 @media (width >= 1024px) {
   .lg\:drawer-open {
diff --git a/docs/app/models/component_doc.rb b/docs/app/models/component_doc.rb
index 4f058c83..f1ec4e64 100644
--- a/docs/app/models/component_doc.rb
+++ b/docs/app/models/component_doc.rb
@@ -9,42 +9,79 @@
 # Only components that have at least one example class are linked in the sidebar
 # and the landing page, so there are never dead links while the reference is
 # being authored.
+#
+# Category order matches official DaisyUI docs:
+# Actions → Data display → Navigation → Feedback → Data input → Layout → Mockup
 class ComponentDoc
+  CATEGORIES = [
+    "Actions",
+    "Data display",
+    "Navigation",
+    "Feedback",
+    "Data input",
+    "Layout",
+    "Mockup",
+  ].freeze
+
   REGISTRY = [
-    # Actions
+    # ── Actions ──────────────────────────────────────────────────────────
     { slug: "button", title: "Button", category: "Actions" },
     { slug: "dropdown", title: "Dropdown", category: "Actions" },
-    { slug: "fab", title: "FAB", category: "Actions" },
-    { slug: "filter", title: "Filter", category: "Actions" },
+    { slug: "fab", title: "FAB / Speed Dial", category: "Actions" },
     { slug: "modal", title: "Modal", category: "Actions" },
     { slug: "swap", title: "Swap", category: "Actions" },
     { slug: "theme-controller", title: "Theme Controller", category: "Actions" },
 
-    # Data display
+    # ── Data display ─────────────────────────────────────────────────────
     { slug: "accordion", title: "Accordion", category: "Data display" },
-    { slug: "aura", title: "Aura", category: "Data display" },
     { slug: "avatar", title: "Avatar", category: "Data display" },
+    { slug: "avatar-group", title: "Avatar Group", category: "Data display" },
+    { slug: "aura", title: "Aura", category: "Data display" },
     { slug: "badge", title: "Badge", category: "Data display" },
     { slug: "card", title: "Card", category: "Data display" },
     { slug: "carousel", title: "Carousel", category: "Data display" },
-    { slug: "chat", title: "Chat", category: "Data display" },
+    { slug: "chat", title: "Chat bubble", category: "Data display" },
     { slug: "collapse", title: "Collapse", category: "Data display" },
     { slug: "countdown", title: "Countdown", category: "Data display" },
     { slug: "diff", title: "Diff", category: "Data display" },
+    { slug: "hover-3d", title: "Hover 3D card", category: "Data display" },
     { slug: "hover-gallery", title: "Hover Gallery", category: "Data display" },
     { slug: "kbd", title: "Kbd", category: "Data display" },
     { slug: "list", title: "List", category: "Data display" },
     { slug: "stat", title: "Stat", category: "Data display" },
+    { slug: "status", title: "Status", category: "Data display" },
     { slug: "table", title: "Table", category: "Data display" },
+    { slug: "text-rotate", title: "Text Rotate", category: "Data display" },
     { slug: "timeline", title: "Timeline", category: "Data display" },
 
-    # Data input
+    # ── Navigation ───────────────────────────────────────────────────────
+    { slug: "breadcrumbs", title: "Breadcrumbs", category: "Navigation" },
+    { slug: "dock", title: "Dock", category: "Navigation" },
+    { slug: "link", title: "Link", category: "Navigation" },
+    { slug: "megamenu", title: "Megamenu", category: "Navigation" },
+    { slug: "menu", title: "Menu", category: "Navigation" },
+    { slug: "navbar", title: "Navbar", category: "Navigation" },
+    { slug: "pagination", title: "Pagination", category: "Navigation" },
+    { slug: "steps", title: "Steps", category: "Navigation" },
+    { slug: "tabs", title: "Tabs", category: "Navigation" },
+
+    # ── Feedback ─────────────────────────────────────────────────────────
+    { slug: "alert", title: "Alert", category: "Feedback" },
+    { slug: "loading", title: "Loading", category: "Feedback" },
+    { slug: "progress", title: "Progress", category: "Feedback" },
+    { slug: "radial-progress", title: "Radial Progress", category: "Feedback" },
+    { slug: "skeleton", title: "Skeleton", category: "Feedback" },
+    { slug: "toast", title: "Toast", category: "Feedback" },
+    { slug: "tooltip", title: "Tooltip", category: "Feedback" },
+
+    # ── Data input ───────────────────────────────────────────────────────
     { slug: "calendar", title: "Calendar", category: "Data input" },
     { slug: "checkbox", title: "Checkbox", category: "Data input" },
     { slug: "fieldset", title: "Fieldset", category: "Data input" },
     { slug: "file-input", title: "File Input", category: "Data input" },
+    { slug: "filter", title: "Filter", category: "Data input" },
     { slug: "form-control", title: "Form Control", category: "Data input" },
-    { slug: "input", title: "Input", category: "Data input" },
+    { slug: "input", title: "Text Input", category: "Data input" },
     { slug: "label", title: "Label", category: "Data input" },
     { slug: "otp", title: "OTP", category: "Data input" },
     { slug: "radio", title: "Radio", category: "Data input" },
@@ -55,47 +92,21 @@ class ComponentDoc
     { slug: "toggle", title: "Toggle", category: "Data input" },
     { slug: "validator", title: "Validator", category: "Data input" },
 
-    # Feedback
-    { slug: "alert", title: "Alert", category: "Feedback" },
-    { slug: "loading", title: "Loading", category: "Feedback" },
-    { slug: "progress", title: "Progress", category: "Feedback" },
-    { slug: "radial-progress", title: "Radial Progress", category: "Feedback" },
-    { slug: "skeleton", title: "Skeleton", category: "Feedback" },
-    { slug: "status", title: "Status", category: "Feedback" },
-    { slug: "toast", title: "Toast", category: "Feedback" },
-    { slug: "tooltip", title: "Tooltip", category: "Feedback" },
-
-    # Layout
+    # ── Layout ───────────────────────────────────────────────────────────
     { slug: "divider", title: "Divider", category: "Layout" },
-    { slug: "drawer", title: "Drawer", category: "Layout" },
+    { slug: "drawer", title: "Drawer sidebar", category: "Layout" },
     { slug: "footer", title: "Footer", category: "Layout" },
     { slug: "hero", title: "Hero", category: "Layout" },
     { slug: "indicator", title: "Indicator", category: "Layout" },
-    { slug: "join", title: "Join", category: "Layout" },
+    { slug: "join", title: "Join (group items)", category: "Layout" },
     { slug: "mask", title: "Mask", category: "Layout" },
     { slug: "stack", title: "Stack", category: "Layout" },
 
-    # Mockup
-    { slug: "mockup-browser", title: "Mockup Browser", category: "Mockup" },
-    { slug: "mockup-code", title: "Mockup Code", category: "Mockup" },
-    { slug: "mockup-phone", title: "Mockup Phone", category: "Mockup" },
-    { slug: "mockup-window", title: "Mockup Window", category: "Mockup" },
-
-    # Navigation
-    { slug: "breadcrumbs", title: "Breadcrumbs", category: "Navigation" },
-    { slug: "dock", title: "Dock", category: "Navigation" },
-    { slug: "link", title: "Link", category: "Navigation" },
-    { slug: "megamenu", title: "Megamenu", category: "Navigation" },
-    { slug: "menu", title: "Menu", category: "Navigation" },
-    { slug: "navbar", title: "Navbar", category: "Navigation" },
-    { slug: "pagination", title: "Pagination", category: "Navigation" },
-    { slug: "steps", title: "Steps", category: "Navigation" },
-    { slug: "tabs", title: "Tabs", category: "Navigation" },
-
-    # Special effects
-    { slug: "avatar-group", title: "Avatar Group", category: "Data display" },
-    { slug: "hover-3d", title: "Hover 3D", category: "Data display" },
-    { slug: "text-rotate", title: "Text Rotate", category: "Data display" },
+    # ── Mockup ───────────────────────────────────────────────────────────
+    { slug: "mockup-browser", title: "Browser", category: "Mockup" },
+    { slug: "mockup-code", title: "Code", category: "Mockup" },
+    { slug: "mockup-phone", title: "Phone", category: "Mockup" },
+    { slug: "mockup-window", title: "Window", category: "Mockup" },
   ].freeze
 
   attr_reader :slug, :title, :category
@@ -115,7 +126,10 @@ def self.from_slug(slug)
   end
 
   def self.grouped
-    all.group_by(&:category)
+    result = all.group_by(&:category)
+    CATEGORIES.each_with_object({}) do |cat, hash|
+      hash[cat] = result[cat] if result[cat]
+    end
   end
 
   # The example namespace module for this component (e.g.
diff --git a/docs/app/models/docs_nav.rb b/docs/app/models/docs_nav.rb
index 0ca3eff1..1a9b58b5 100644
--- a/docs/app/models/docs_nav.rb
+++ b/docs/app/models/docs_nav.rb
@@ -33,9 +33,13 @@ def doc_group
   end
 
   # Only components with at least one authored example are linkable.
+  # Uses ComponentDoc.grouped to preserve official DaisyUI category ordering.
   def component_group
-    ComponentDoc.all.select(&:example_class).group_by(&:category).transform_values do |items|
-      items.map { |c| DocsKit::NavItem.new(href: "/components/#{c.slug}", label: c.title) }
-    end
+    ComponentDoc.grouped.transform_values do |items|
+      linkable = items.select(&:example_class)
+      next nil if linkable.empty?
+
+      linkable.map { |c| DocsKit::NavItem.new(href: "/components/#{c.slug}", label: c.title) }
+    end.compact
   end
 end
diff --git a/docs/app/views/components/examples/accordion/arrow.rb b/docs/app/views/components/examples/accordion/arrow.rb
index 0f4ab5a1..fe58508d 100644
--- a/docs/app/views/components/examples/accordion/arrow.rb
+++ b/docs/app/views/components/examples/accordion/arrow.rb
@@ -13,15 +13,15 @@ class Arrow < Views::Components::Example
           def example
             Accordion(:arrow, name: "accordion-arrow", checked: true, class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I create an account?" }
-              p(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
+              span(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
             end
             Accordion(:arrow, name: "accordion-arrow", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "I forgot my password. What should I do?" }
-              p(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
+              span(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
             end
             Accordion(:arrow, name: "accordion-arrow", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I update my profile information?" }
-              p(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
+              span(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
             end
           end
         end
diff --git a/docs/app/views/components/examples/accordion/plus.rb b/docs/app/views/components/examples/accordion/plus.rb
index f91de18c..2547f544 100644
--- a/docs/app/views/components/examples/accordion/plus.rb
+++ b/docs/app/views/components/examples/accordion/plus.rb
@@ -13,15 +13,15 @@ class Plus < Views::Components::Example
           def example
             Accordion(:plus, name: "accordion-plus", checked: true, class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I create an account?" }
-              p(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
+              span(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
             end
             Accordion(:plus, name: "accordion-plus", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "I forgot my password. What should I do?" }
-              p(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
+              span(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
             end
             Accordion(:plus, name: "accordion-plus", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I update my profile information?" }
-              p(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
+              span(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
             end
           end
         end
diff --git a/docs/app/views/components/examples/accordion/radio.rb b/docs/app/views/components/examples/accordion/radio.rb
index 40169526..39a1698b 100644
--- a/docs/app/views/components/examples/accordion/radio.rb
+++ b/docs/app/views/components/examples/accordion/radio.rb
@@ -13,15 +13,15 @@ class Radio < Views::Components::Example
           def example
             Accordion(name: "accordion-radio", checked: true, class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I create an account?" }
-              p(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
+              span(class: "text-sm") { %(Click the "Sign Up" button in the top right corner and follow the registration process.) }
             end
             Accordion(name: "accordion-radio", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "I forgot my password. What should I do?" }
-              p(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
+              span(class: "text-sm") { %(Click on "Forgot Password" on the login page and follow the instructions sent to your email.) }
             end
             Accordion(name: "accordion-radio", class: "bg-base-100 border border-base-300") do |a|
               a.title(class: "font-semibold") { "How do I update my profile information?" }
-              p(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
+              span(class: "text-sm") { %(Go to "My Account" settings and select "Edit Profile" to make changes.) }
             end
           end
         end
diff --git a/docs/app/views/components/examples/fab/basic.rb b/docs/app/views/components/examples/fab/basic.rb
index d8de5233..95bd1aa4 100644
--- a/docs/app/views/components/examples/fab/basic.rb
+++ b/docs/app/views/components/examples/fab/basic.rb
@@ -11,8 +11,10 @@ class Basic < Views::Components::Example
           order 1
 
           def example
-            Fab do
-              Button(:lg, :circle, :primary) { "F" }
+            div(class: "fab-preview-container w-full") do
+              Fab do
+                Button(:lg, :circle, :primary) { "F" }
+              end
             end
           end
         end
diff --git a/docs/app/views/components/examples/fab/close.rb b/docs/app/views/components/examples/fab/close.rb
index aecbe8c9..d2113e7e 100644
--- a/docs/app/views/components/examples/fab/close.rb
+++ b/docs/app/views/components/examples/fab/close.rb
@@ -11,23 +11,25 @@ class Close < Views::Components::Example
           order 4
 
           def example
-            Fab do |f|
-              div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-info") { "F" }
-              f.close do
-                plain "Close "
-                span(class: "btn btn-circle btn-lg btn-error") { "✕" }
-              end
-              div do
-                plain "Label A "
-                Button(:lg, :circle) { "A" }
-              end
-              div do
-                plain "Label B "
-                Button(:lg, :circle) { "B" }
-              end
-              div do
-                plain "Label C "
-                Button(:lg, :circle) { "C" }
+            div(class: "fab-preview-container w-full") do
+              Fab do |f|
+                div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-info") { "F" }
+                f.close do
+                  plain "Close "
+                  span(class: "btn btn-circle btn-lg btn-error") { "✕" }
+                end
+                div do
+                  plain "Label A "
+                  Button(:lg, :circle) { "A" }
+                end
+                div do
+                  plain "Label B "
+                  Button(:lg, :circle) { "B" }
+                end
+                div do
+                  plain "Label C "
+                  Button(:lg, :circle) { "C" }
+                end
               end
             end
           end
diff --git a/docs/app/views/components/examples/fab/flower.rb b/docs/app/views/components/examples/fab/flower.rb
index ca5396b7..76da122e 100644
--- a/docs/app/views/components/examples/fab/flower.rb
+++ b/docs/app/views/components/examples/fab/flower.rb
@@ -11,13 +11,15 @@ class Flower < Views::Components::Example
           order 5
 
           def example
-            Fab(:flower) do
-              div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-success") { "F" }
-              Button(:circle, :lg, class: "fab-main-action") { "M" }
-              Button(:lg, :circle) { "A" }
-              Button(:lg, :circle) { "B" }
-              Button(:lg, :circle) { "C" }
-              Button(:lg, :circle) { "D" }
+            div(class: "fab-preview-container w-full") do
+              Fab(:flower) do
+                div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-success") { "F" }
+                Button(:circle, :lg, class: "fab-main-action") { "M" }
+                Button(:lg, :circle) { "A" }
+                Button(:lg, :circle) { "B" }
+                Button(:lg, :circle) { "C" }
+                Button(:lg, :circle) { "D" }
+              end
             end
           end
         end
diff --git a/docs/app/views/components/examples/fab/main_action.rb b/docs/app/views/components/examples/fab/main_action.rb
index 25da0406..366b2a25 100644
--- a/docs/app/views/components/examples/fab/main_action.rb
+++ b/docs/app/views/components/examples/fab/main_action.rb
@@ -11,23 +11,25 @@ class MainAction < Views::Components::Example
           order 3
 
           def example
-            Fab do |f|
-              div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-primary") { "F" }
-              f.main_action do
-                plain "Main Action "
-                Button(:lg, :circle, :secondary) { "M" }
-              end
-              div do
-                plain "Label A "
-                Button(:lg, :circle) { "A" }
-              end
-              div do
-                plain "Label B "
-                Button(:lg, :circle) { "B" }
-              end
-              div do
-                plain "Label C "
-                Button(:lg, :circle) { "C" }
+            div(class: "fab-preview-container w-full") do
+              Fab do |f|
+                div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-primary") { "F" }
+                f.main_action do
+                  plain "Main Action "
+                  Button(:lg, :circle, :secondary) { "M" }
+                end
+                div do
+                  plain "Label A "
+                  Button(:lg, :circle) { "A" }
+                end
+                div do
+                  plain "Label B "
+                  Button(:lg, :circle) { "B" }
+                end
+                div do
+                  plain "Label C "
+                  Button(:lg, :circle) { "C" }
+                end
               end
             end
           end
diff --git a/docs/app/views/components/examples/fab/speed_dial.rb b/docs/app/views/components/examples/fab/speed_dial.rb
index 3dac0f31..73b38df9 100644
--- a/docs/app/views/components/examples/fab/speed_dial.rb
+++ b/docs/app/views/components/examples/fab/speed_dial.rb
@@ -11,19 +11,21 @@ class SpeedDial < Views::Components::Example
           order 2
 
           def example
-            Fab do
-              div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-primary") { "F" }
-              div do
-                plain "Label A "
-                Button(:lg, :circle) { "A" }
-              end
-              div do
-                plain "Label B "
-                Button(:lg, :circle) { "B" }
-              end
-              div do
-                plain "Label C "
-                Button(:lg, :circle) { "C" }
+            div(class: "fab-preview-container w-full") do
+              Fab do
+                div(tabindex: 0, role: :button, class: "btn btn-lg btn-circle btn-primary") { "F" }
+                div do
+                  plain "Label A "
+                  Button(:lg, :circle) { "A" }
+                end
+                div do
+                  plain "Label B "
+                  Button(:lg, :circle) { "B" }
+                end
+                div do
+                  plain "Label C "
+                  Button(:lg, :circle) { "C" }
+                end
               end
             end
           end
diff --git a/docs/app/views/components/examples/swap/hamburger.rb b/docs/app/views/components/examples/swap/hamburger.rb
index 684cce2c..10be36ee 100644
--- a/docs/app/views/components/examples/swap/hamburger.rb
+++ b/docs/app/views/components/examples/swap/hamburger.rb
@@ -11,10 +11,18 @@ class Hamburger < Views::Components::Example
           order 4
 
           def example
-            Swap(:rotate, class: "btn btn-circle") do |s|
+            DaisyUI::Swap.new(:rotate, class: "btn btn-circle") do |s|
               input(type: :checkbox)
-              s.on { "✕" }
-              s.off { "☰" }
+              s.on do
+                svg(class: "fill-current", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 512 512") do |s|
+                  s.polygon(points: "400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49")
+                end
+              end
+              s.off do
+                svg(class: "fill-current", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 512 512") do |s|
+                  s.path(d: "M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z")
+                end
+              end
             end
           end
         end
diff --git a/docs/app/views/components/examples/swap/rotate.rb b/docs/app/views/components/examples/swap/rotate.rb
index 91766eeb..9816dd2c 100644
--- a/docs/app/views/components/examples/swap/rotate.rb
+++ b/docs/app/views/components/examples/swap/rotate.rb
@@ -11,10 +11,22 @@ class Rotate < Views::Components::Example
           order 2
 
           def example
-            Swap(:rotate, class: "text-4xl") do |s|
+            DaisyUI::Swap.new(:rotate) do |s|
               input(type: :checkbox)
-              s.on { "🌞" }
-              s.off { "🌚" }
+              s.on do
+                svg(class: "h-10 w-10 fill-current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24") do |s|
+                  s.path(
+                    d: "M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"
+                  )
+                end
+              end
+              s.off do
+                svg(class: "h-10 w-10 fill-current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24") do |s|
+                  s.path(
+                    d: "M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"
+                  )
+                end
+              end
             end
           end
         end
diff --git a/docs/app/views/components/examples/theme_controller/swap.rb b/docs/app/views/components/examples/theme_controller/swap.rb
index ab6936ac..b2fafd6f 100644
--- a/docs/app/views/components/examples/theme_controller/swap.rb
+++ b/docs/app/views/components/examples/theme_controller/swap.rb
@@ -12,8 +12,16 @@ class Swap < Views::Components::Example
 
           def example
             ThemeController(:swap_rotate, theme_value: "synthwave") do
-              span(class: "swap-off text-2xl") { "🌞" }
-              span(class: "swap-on text-2xl") { "🌙" }
+              svg(class: "swap-on h-10 w-10 fill-current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24") do |s|
+                s.path(
+                  d: "M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"
+                )
+              end
+              svg(class: "swap-off h-10 w-10 fill-current", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24") do |s|
+                s.path(
+                  d: "M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"
+                )
+              end
             end
           end
         end
diff --git a/docs/public/android-chrome-144x144.png b/docs/public/android-chrome-144x144.png
index cfeb4e9f..d14cd8b8 100644
Binary files a/docs/public/android-chrome-144x144.png and b/docs/public/android-chrome-144x144.png differ
diff --git a/docs/public/android-chrome-192x192.png b/docs/public/android-chrome-192x192.png
index 273a5dc8..d6611c78 100644
Binary files a/docs/public/android-chrome-192x192.png and b/docs/public/android-chrome-192x192.png differ
diff --git a/docs/public/android-chrome-256x256.png b/docs/public/android-chrome-256x256.png
index 0ab0033b..6ee44830 100644
Binary files a/docs/public/android-chrome-256x256.png and b/docs/public/android-chrome-256x256.png differ
diff --git a/docs/public/android-chrome-36x36.png b/docs/public/android-chrome-36x36.png
index 578d8079..f2394b73 100644
Binary files a/docs/public/android-chrome-36x36.png and b/docs/public/android-chrome-36x36.png differ
diff --git a/docs/public/android-chrome-384x384.png b/docs/public/android-chrome-384x384.png
index 6797ca0b..151b8c6d 100644
Binary files a/docs/public/android-chrome-384x384.png and b/docs/public/android-chrome-384x384.png differ
diff --git a/docs/public/android-chrome-48x48.png b/docs/public/android-chrome-48x48.png
index e28a36d3..d273ea14 100644
Binary files a/docs/public/android-chrome-48x48.png and b/docs/public/android-chrome-48x48.png differ
diff --git a/docs/public/android-chrome-72x72.png b/docs/public/android-chrome-72x72.png
index 87e6e002..77341c3e 100644
Binary files a/docs/public/android-chrome-72x72.png and b/docs/public/android-chrome-72x72.png differ
diff --git a/docs/public/android-chrome-96x96.png b/docs/public/android-chrome-96x96.png
index de85b045..a438f166 100644
Binary files a/docs/public/android-chrome-96x96.png and b/docs/public/android-chrome-96x96.png differ
diff --git a/docs/public/apple-touch-icon-114x114-precomposed.png b/docs/public/apple-touch-icon-114x114-precomposed.png
index afcc7d53..c36d04f9 100644
Binary files a/docs/public/apple-touch-icon-114x114-precomposed.png and b/docs/public/apple-touch-icon-114x114-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-114x114.png b/docs/public/apple-touch-icon-114x114.png
index 80111c42..c36d04f9 100644
Binary files a/docs/public/apple-touch-icon-114x114.png and b/docs/public/apple-touch-icon-114x114.png differ
diff --git a/docs/public/apple-touch-icon-120x120-precomposed.png b/docs/public/apple-touch-icon-120x120-precomposed.png
index 01e30225..eb8d968b 100644
Binary files a/docs/public/apple-touch-icon-120x120-precomposed.png and b/docs/public/apple-touch-icon-120x120-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-120x120.png b/docs/public/apple-touch-icon-120x120.png
index b3dbc921..eb8d968b 100644
Binary files a/docs/public/apple-touch-icon-120x120.png and b/docs/public/apple-touch-icon-120x120.png differ
diff --git a/docs/public/apple-touch-icon-144x144-precomposed.png b/docs/public/apple-touch-icon-144x144-precomposed.png
index 9bfbea6c..d14cd8b8 100644
Binary files a/docs/public/apple-touch-icon-144x144-precomposed.png and b/docs/public/apple-touch-icon-144x144-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-144x144.png b/docs/public/apple-touch-icon-144x144.png
index 728da6a2..d14cd8b8 100644
Binary files a/docs/public/apple-touch-icon-144x144.png and b/docs/public/apple-touch-icon-144x144.png differ
diff --git a/docs/public/apple-touch-icon-152x152-precomposed.png b/docs/public/apple-touch-icon-152x152-precomposed.png
index dd454b37..f012c4fa 100644
Binary files a/docs/public/apple-touch-icon-152x152-precomposed.png and b/docs/public/apple-touch-icon-152x152-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-152x152.png b/docs/public/apple-touch-icon-152x152.png
index 590d34b8..f012c4fa 100644
Binary files a/docs/public/apple-touch-icon-152x152.png and b/docs/public/apple-touch-icon-152x152.png differ
diff --git a/docs/public/apple-touch-icon-180x180-precomposed.png b/docs/public/apple-touch-icon-180x180-precomposed.png
index 2ed584ff..9932b059 100644
Binary files a/docs/public/apple-touch-icon-180x180-precomposed.png and b/docs/public/apple-touch-icon-180x180-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-180x180.png b/docs/public/apple-touch-icon-180x180.png
index e20c8b95..9932b059 100644
Binary files a/docs/public/apple-touch-icon-180x180.png and b/docs/public/apple-touch-icon-180x180.png differ
diff --git a/docs/public/apple-touch-icon-57x57-precomposed.png b/docs/public/apple-touch-icon-57x57-precomposed.png
index 13350139..54f07969 100644
Binary files a/docs/public/apple-touch-icon-57x57-precomposed.png and b/docs/public/apple-touch-icon-57x57-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-57x57.png b/docs/public/apple-touch-icon-57x57.png
index d3b87467..54f07969 100644
Binary files a/docs/public/apple-touch-icon-57x57.png and b/docs/public/apple-touch-icon-57x57.png differ
diff --git a/docs/public/apple-touch-icon-60x60-precomposed.png b/docs/public/apple-touch-icon-60x60-precomposed.png
index 859ce7f9..57139f7d 100644
Binary files a/docs/public/apple-touch-icon-60x60-precomposed.png and b/docs/public/apple-touch-icon-60x60-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-60x60.png b/docs/public/apple-touch-icon-60x60.png
index 69a153eb..57139f7d 100644
Binary files a/docs/public/apple-touch-icon-60x60.png and b/docs/public/apple-touch-icon-60x60.png differ
diff --git a/docs/public/apple-touch-icon-72x72-precomposed.png b/docs/public/apple-touch-icon-72x72-precomposed.png
index a37118aa..77341c3e 100644
Binary files a/docs/public/apple-touch-icon-72x72-precomposed.png and b/docs/public/apple-touch-icon-72x72-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-72x72.png b/docs/public/apple-touch-icon-72x72.png
index 7ffbde62..77341c3e 100644
Binary files a/docs/public/apple-touch-icon-72x72.png and b/docs/public/apple-touch-icon-72x72.png differ
diff --git a/docs/public/apple-touch-icon-76x76-precomposed.png b/docs/public/apple-touch-icon-76x76-precomposed.png
index cfc5ab41..10c6d240 100644
Binary files a/docs/public/apple-touch-icon-76x76-precomposed.png and b/docs/public/apple-touch-icon-76x76-precomposed.png differ
diff --git a/docs/public/apple-touch-icon-76x76.png b/docs/public/apple-touch-icon-76x76.png
index dfb58854..10c6d240 100644
Binary files a/docs/public/apple-touch-icon-76x76.png and b/docs/public/apple-touch-icon-76x76.png differ
diff --git a/docs/public/apple-touch-icon-precomposed.png b/docs/public/apple-touch-icon-precomposed.png
index 2ed584ff..9932b059 100644
Binary files a/docs/public/apple-touch-icon-precomposed.png and b/docs/public/apple-touch-icon-precomposed.png differ
diff --git a/docs/public/apple-touch-icon.png b/docs/public/apple-touch-icon.png
index e20c8b95..9932b059 100644
Binary files a/docs/public/apple-touch-icon.png and b/docs/public/apple-touch-icon.png differ
diff --git a/docs/public/favicon-16x16.png b/docs/public/favicon-16x16.png
index 277d77ed..781a0a94 100644
Binary files a/docs/public/favicon-16x16.png and b/docs/public/favicon-16x16.png differ
diff --git a/docs/public/favicon-32x32.png b/docs/public/favicon-32x32.png
index c8e9adce..b8193768 100644
Binary files a/docs/public/favicon-32x32.png and b/docs/public/favicon-32x32.png differ
diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
index cf4fad6b..c5bcf0ce 100644
Binary files a/docs/public/favicon.ico and b/docs/public/favicon.ico differ
diff --git a/docs/public/icon.png b/docs/public/icon.png
index f3b5abcb..6ee44830 100644
Binary files a/docs/public/icon.png and b/docs/public/icon.png differ
diff --git a/docs/public/icon.svg b/docs/public/icon.svg
index 78307ccd..facffb6e 100644
--- a/docs/public/icon.svg
+++ b/docs/public/icon.svg
@@ -1,3 +1,67 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
-  <rect width="100%" height="100%" fill="red"/>
+<svg aria-label="daisyUI logomark" viewBox="0 0 450 450" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g data-name="bg">
+    <g opacity="0.7">
+      <path d="M148.425 40.1667C142.7 48.5988 138.15 58.3812 135.152 69.5141C126.533 101.527 101.527 126.533 69.5137 135.153C58.3806 138.15 48.5979 142.7 40.1656 148.426C28.2144 85.9133 85.9125 28.2153 148.425 40.1667Z" fill="#FFD819"/>
+      <path d="M40.1668 148.425C42.0807 158.436 45.7808 168.571 51.5333 178.563C68.0751 207.294 68.0751 242.658 51.5333 271.39C45.7806 281.382 42.0805 291.516 40.1667 301.528C-12.4873 265.775 -12.4872 184.178 40.1668 148.425Z" fill="#FFE029"/>
+      <path d="M148.425 409.786C142.7 401.354 138.15 391.571 135.152 380.438C126.533 348.425 101.527 323.419 69.5137 314.8C58.3806 311.802 48.5979 307.252 40.1656 301.526C28.2144 364.039 85.9125 421.737 148.425 409.786Z" fill="#FFC141"/>
+      <path d="M301.528 409.785C291.517 407.871 281.383 404.171 271.391 398.419C242.659 381.877 207.295 381.877 178.564 398.419C168.572 404.171 158.437 407.872 148.426 409.785C184.178 462.439 265.776 462.439 301.528 409.785Z" fill="#FFB655"/>
+      <path d="M409.787 301.527C401.355 307.253 391.573 311.802 380.44 314.8C348.427 323.419 323.421 348.425 314.801 380.439C311.804 391.571 307.254 401.354 301.528 409.786C364.04 421.737 421.738 364.039 409.787 301.527Z" fill="#FFB35B"/>
+      <path d="M409.787 148.426C407.873 158.437 404.173 168.571 398.42 178.563C381.879 207.294 381.879 242.658 398.42 271.39C404.173 281.382 407.873 291.516 409.787 301.527C462.44 265.775 462.44 184.179 409.787 148.426Z" fill="#FFB656"/>
+      <path d="M301.528 40.1664C307.254 48.5986 311.804 58.3811 314.801 69.5141C323.421 101.527 348.427 126.533 380.44 135.153C391.573 138.15 401.355 142.7 409.787 148.425C421.738 85.9132 364.04 28.216 301.528 40.1664Z" fill="#FFC042"/>
+      <path d="M148.426 40.1671C158.437 42.081 168.571 45.781 178.563 51.5336C207.295 68.0754 242.659 68.0755 271.39 51.5336C281.382 45.7812 291.516 42.0812 301.527 40.1673C265.774 -12.4858 184.178 -12.4858 148.426 40.1671Z" fill="#FFCE2A"/>
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M135.155 69.5136C138.152 58.3808 142.702 48.5984 148.428 40.1662C158.438 42.0801 168.573 45.7802 178.564 51.5326C207.296 68.0744 242.66 68.0744 271.391 51.5326C281.383 45.78 291.518 42.0798 301.529 40.166C307.255 48.5982 311.805 58.3807 314.802 69.5136C323.422 101.527 348.428 126.533 380.441 135.152C391.573 138.15 401.356 142.699 409.788 148.425C407.874 158.436 404.174 168.571 398.421 178.562C381.879 207.294 381.879 242.658 398.421 271.39C404.174 281.381 407.874 291.516 409.788 301.527C401.356 307.253 391.573 311.802 380.441 314.8C348.428 323.419 323.422 348.425 314.802 380.438C311.805 391.571 307.255 401.354 301.529 409.786C291.518 407.872 281.383 404.172 271.391 398.419C242.66 381.878 207.296 381.878 178.564 398.419C168.573 404.172 158.438 407.872 148.428 409.786C142.702 401.354 138.152 391.571 135.155 380.438C126.535 348.425 101.529 323.419 69.5161 314.8C58.383 311.802 48.6003 307.252 40.168 301.526C42.0819 291.516 45.7819 281.381 51.5344 271.39C68.0762 242.658 68.0762 207.294 51.5344 178.562C45.7819 168.571 42.0819 158.437 40.168 148.426C48.6002 142.7 58.3829 138.15 69.5161 135.152C101.529 126.533 126.535 101.527 135.155 69.5136Z" fill="url(#daisy_disc_gradient)"/>
+  </g>
+  <rect x="313.369" y="252.866" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(60 313.369 252.866)" fill="#FFA17A"/>
+  <rect x="293.808" y="252.866" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(60 293.808 252.866)" fill="#FFA17A"/>
+  <rect x="154.911" y="252.866" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(60 154.911 252.866)" fill="#FFAB89"/>
+  <rect x="135.348" y="252.866" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(60 135.348 252.866)" fill="#FFAB89"/>
+  <g>
+    <rect x="296.044" y="164.833" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(15 296.044 164.833)" fill="#FFA17A"/>
+    <!-- <animateTransform attributeName="transform" type="translate" values="0,0; 0,-3; 0,0; 0,0; 0,0" dur="5s" repeatCount="indefinite" /> -->
+  </g>
+  <g>
+    <rect x="123.752" y="172.934" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(-15 123.752 172.934)" fill="#FFAB89"/>
+    <!-- <animateTransform attributeName="transform" type="translate" values="0,0; 0,-3; 0,0; 0,0; 0,0" dur="5s" repeatCount="indefinite" /> -->
+  </g>
+  <g data-name="mouth">
+    <path d="M207.872 252.866C211.999 257.438 219.319 260.691 225.479 260.691C231.638 260.691 238.958 257.438 243.085 252.866" stroke="#8B2C0C" stroke-opacity="0.05" stroke-width="12" stroke-linecap="round"/>
+    <path d="M207.872 250.91C211.999 255.482 219.319 258.735 225.479 258.735C231.638 258.735 238.958 255.482 243.085 250.91" stroke="#D05B34" stroke-width="12" stroke-linecap="round"/>
+  </g>
+  <g data-name="eye-open">
+    <g data-name="left">
+      <rect x="125.037" y="192.221" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(45 125.037 192.221)" fill="black"/>
+      <rect x="117.882" y="196.134" width="58.6886" height="58.6886" rx="29.3443" fill="black"/>
+      <rect x="117.882" y="198.089" width="58.6886" height="58.6886" rx="29.3443" fill="black" fill-opacity="0.05"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M125.086 233.301C128.309 224.184 137.004 217.652 147.225 217.652C157.447 217.652 166.142 224.185 169.365 233.304C166.142 242.42 157.446 248.952 147.226 248.952C137.004 248.952 128.308 242.419 125.086 233.301Z" fill="#784012"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M166.831 238.399C169.279 234.693 170.704 230.252 170.704 225.478C170.704 212.513 160.193 202.002 147.228 202.002C134.263 202.002 123.753 212.513 123.753 225.478C123.753 229.758 124.898 233.771 126.899 237.226C131.1 230.867 138.311 226.671 146.502 226.671C155.187 226.671 162.771 231.388 166.831 238.399Z" fill="black" fill-opacity="0.35"/>
+      <rect x="133.532" y="211.784" width="27.388" height="27.388" rx="13.694" fill="black"/>
+      <circle cx="140.814" cy="211.609" r="11.7377" fill="white"/>
+      <circle cx="162.848" cy="227.64" r="5.86885" fill="white"/>
+      <circle cx="155.525" cy="239.853" r="3.91257" fill="white"/>
+    </g>
+    <g data-name="right">
+      <rect x="337.181" y="203.288" width="31.3006" height="15.6503" rx="7.82514" transform="rotate(135 337.181 203.288)" fill="black"/>
+      <rect x="274.385" y="198.09" width="58.6886" height="58.6886" rx="29.3443" fill="black" fill-opacity="0.05"/>
+      <rect x="274.385" y="196.134" width="58.6886" height="58.6886" rx="29.3443" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M281.629 233.41C284.664 223.959 293.525 217.12 303.984 217.12C314.166 217.12 322.833 223.602 326.086 232.664C323.051 242.114 314.189 248.954 303.731 248.954C293.549 248.954 284.881 242.472 281.629 233.41Z" fill="#784012"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M323.862 237.557C325.984 234.028 327.204 229.896 327.204 225.479C327.204 212.514 316.693 202.003 303.728 202.003C290.763 202.003 280.253 212.514 280.253 225.479C280.253 230.068 281.57 234.349 283.846 237.966C287.951 231.137 295.432 226.569 303.98 226.569C312.356 226.569 319.708 230.956 323.862 237.557Z" fill="black" fill-opacity="0.35"/>
+      <rect x="290.035" y="211.785" width="27.388" height="27.388" rx="13.694" fill="black"/>
+      <circle cx="297.318" cy="211.609" r="11.7377" fill="white"/>
+      <circle cx="319.352" cy="227.64" r="5.86885" fill="white"/>
+      <circle cx="312.029" cy="239.853" r="3.91257" fill="white"/>
+    </g>
+    <!-- <animate attributeName="display" values="inline;none;inline" keyTimes="0;0.97;1" dur="15s" repeatCount="indefinite" /> -->
+  </g>
+  <g data-name="eye-close" stroke="black" stroke-width="12" stroke-linecap="round" style="display: none;">
+    <path d="M326 224C326 212.402 315.926 203 303.5 203C291.074 203 281 212.402 281 224" />
+    <path d="M170 224C170 212.402 159.926 203 147.5 203C135.074 203 125 212.402 125 224" />
+    <!-- <animate attributeName="display" values="none;inline;none" keyTimes="0;0.97;1" dur="15s" repeatCount="indefinite" /> -->
+  </g>
+  <defs>
+    <radialGradient id="daisy_disc_gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.0037 40.0027) rotate(45) scale(522.888 522.888)">
+      <stop stop-color="#FFE600"/>
+      <stop offset="1" stop-color="#FFA573"/>
+    </radialGradient>
+  </defs>
 </svg>
diff --git a/docs/public/mstile-144x144.png b/docs/public/mstile-144x144.png
index 0eba4f89..d14cd8b8 100644
Binary files a/docs/public/mstile-144x144.png and b/docs/public/mstile-144x144.png differ
diff --git a/docs/public/mstile-150x150.png b/docs/public/mstile-150x150.png
index f2ea991b..2e6e2f16 100644
Binary files a/docs/public/mstile-150x150.png and b/docs/public/mstile-150x150.png differ
diff --git a/docs/public/mstile-310x150.png b/docs/public/mstile-310x150.png
index c3913e29..0ecbca16 100644
Binary files a/docs/public/mstile-310x150.png and b/docs/public/mstile-310x150.png differ
diff --git a/docs/public/mstile-310x310.png b/docs/public/mstile-310x310.png
index 4e4369ea..86ade3ef 100644
Binary files a/docs/public/mstile-310x310.png and b/docs/public/mstile-310x310.png differ
diff --git a/docs/public/mstile-70x70.png b/docs/public/mstile-70x70.png
index 705d4c43..66c99e4d 100644
Binary files a/docs/public/mstile-70x70.png and b/docs/public/mstile-70x70.png differ
diff --git a/docs/public/site.webmanifest b/docs/public/site.webmanifest
index bdfa89c0..924246e4 100644
--- a/docs/public/site.webmanifest
+++ b/docs/public/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "DaisyUI Docs",
-    "short_name": "DaisyUI Docs",
+    "name": "DaisyUI Ruby",
+    "short_name": "DaisyUI Ruby",
     "icons": [
         {
             "src": "/android-chrome-36x36.png",