From 34dee9d63cdb098e65c6dffa6d32730bdc75051c Mon Sep 17 00:00:00 2001
From: Ahmad Hakim <pourhakimi@pm.me>
Date: Sat, 27 Jun 2026 12:15:11 +0300
Subject: [PATCH] new: utilities

---
 app/templates/docsidebar.py                   |   1 +
 app/utils/routes.py                           |   3 +-
 app/www/library/utilities/scroll_fade_demo.py |  20 +
 .../library/utilities/scroll_fade_disabled.py |  48 ++
 .../library/utilities/scroll_fade_edges.py    | 109 ++++
 .../utilities/scroll_fade_horizontal.py       |  35 ++
 .../library/utilities/scroll_fade_no_fade.py  |  20 +
 app/www/library/utilities/scroll_fade_size.py |  48 ++
 app/www/library/utilities/shimmer_angle.py    |  17 +
 app/www/library/utilities/shimmer_color.py    |  13 +
 app/www/library/utilities/shimmer_duration.py |  19 +
 app/www/library/utilities/shimmer_none.py     |   9 +
 .../library/utilities/shimmer_play_once.py    |  28 +
 app/www/library/utilities/shimmer_reverse.py  |  12 +
 app/www/library/utilities/shimmer_spread.py   |  17 +
 assets/docs/utilities/scroll-fade.md          | 295 +++++++++
 assets/docs/utilities/shimmer.md              | 317 ++++++++++
 assets/fuse/searchList.json                   |  10 +
 assets/globals.css                            | 586 +++++++++++++++++-
 assets/social/scroll-fade.webp                | Bin 0 -> 18002 bytes
 assets/social/shimmer.webp                    | Bin 0 -> 14730 bytes
 docs/utilities/scroll_fade.md                 | 106 ++++
 docs/utilities/shimmer.md                     | 211 +++++++
 scripts/generate_search_index.py              |  35 --
 24 files changed, 1915 insertions(+), 44 deletions(-)
 create mode 100644 app/www/library/utilities/scroll_fade_demo.py
 create mode 100644 app/www/library/utilities/scroll_fade_disabled.py
 create mode 100644 app/www/library/utilities/scroll_fade_edges.py
 create mode 100644 app/www/library/utilities/scroll_fade_horizontal.py
 create mode 100644 app/www/library/utilities/scroll_fade_no_fade.py
 create mode 100644 app/www/library/utilities/scroll_fade_size.py
 create mode 100644 app/www/library/utilities/shimmer_angle.py
 create mode 100644 app/www/library/utilities/shimmer_color.py
 create mode 100644 app/www/library/utilities/shimmer_duration.py
 create mode 100644 app/www/library/utilities/shimmer_none.py
 create mode 100644 app/www/library/utilities/shimmer_play_once.py
 create mode 100644 app/www/library/utilities/shimmer_reverse.py
 create mode 100644 app/www/library/utilities/shimmer_spread.py
 create mode 100644 assets/docs/utilities/scroll-fade.md
 create mode 100644 assets/docs/utilities/shimmer.md
 create mode 100644 assets/social/scroll-fade.webp
 create mode 100644 assets/social/shimmer.webp
 create mode 100644 docs/utilities/scroll_fade.md
 create mode 100644 docs/utilities/shimmer.md

diff --git a/app/templates/docsidebar.py b/app/templates/docsidebar.py
index f3678ea..60ba8c3 100644
--- a/app/templates/docsidebar.py
+++ b/app/templates/docsidebar.py
@@ -20,6 +20,7 @@ class SidebarSection:
 SIDEBAR_SECTIONS = [
     SidebarSection(title="Getting Started", routes=routes.GET_STARTED_URLS),
     SidebarSection(title="Resources", routes=routes.RESOURCES_URLS),
+    SidebarSection(title="Utilities", routes=routes.UTILITIES),
     SidebarSection(title="Charts", routes=routes.CHARTS_URLS),
     SidebarSection(title="Components", routes=routes.BASE_UI_COMPONENTS),
 ]
diff --git a/app/utils/routes.py b/app/utils/routes.py
index 2310413..0810210 100644
--- a/app/utils/routes.py
+++ b/app/utils/routes.py
@@ -65,6 +65,7 @@ def generate_doc_routes(section_folder, base_path) -> list[dict]:
         "",
         [{"title": "llms.txt", "url": "llms.txt", "order": "5"}],
     ),
+    ("utilities", "docs/utilities/", "title", []),
     ("resources", "docs/resources/", "title", []),
     ("components", "docs/components/", "title", []),
     ("charts", "docs/charts/", "title", []),
@@ -90,7 +91,7 @@ def build_all_routes():
 RESOURCES_URLS = ALL_ROUTES["resources"]
 BASE_UI_COMPONENTS = ALL_ROUTES["components"]
 CHARTS_URLS = ALL_ROUTES["charts"]
-
+UTILITIES = ALL_ROUTES["utilities"]
 
 if __name__ == "__main__":
     print(ALL_ROUTES)
diff --git a/app/www/library/utilities/scroll_fade_demo.py b/app/www/library/utilities/scroll_fade_demo.py
new file mode 100644
index 0000000..2316ce8
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_demo.py
@@ -0,0 +1,20 @@
+import reflex as rx
+
+
+def scroll_fade_demo():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        f"Item {index + 1}",
+                        class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for index in range(12)
+                ],
+                class_name="flex flex-col gap-1.5 p-1.5",
+            ),
+            class_name="h-72 scroll-fade scrollbar-none overflow-y-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
diff --git a/app/www/library/utilities/scroll_fade_disabled.py b/app/www/library/utilities/scroll_fade_disabled.py
new file mode 100644
index 0000000..48ba781
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_disabled.py
@@ -0,0 +1,48 @@
+import reflex as rx
+
+
+def scroll_fade_none_items():
+    return rx.el.div(
+        *[
+            rx.el.div(
+                f"Item {index + 1}",
+                class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+            )
+            for index in range(8)
+        ],
+        class_name="flex flex-col gap-1.5 p-1.5",
+    )
+
+
+def scroll_fade_none():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_none_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_none_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-none",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade scroll-fade-none",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex w-full max-w-xs min-w-0 flex-col gap-6",
+    )
diff --git a/app/www/library/utilities/scroll_fade_edges.py b/app/www/library/utilities/scroll_fade_edges.py
new file mode 100644
index 0000000..bc18f5c
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_edges.py
@@ -0,0 +1,109 @@
+import reflex as rx
+
+items = [
+    "Inbox triage",
+    "Design review",
+    "API contract",
+    "QA pass",
+    "Launch notes",
+    "Metrics follow-up",
+]
+
+tags = [
+    "Design",
+    "Engineering",
+    "Marketing",
+    "Product",
+    "Research",
+    "Sales",
+    "Support",
+    "Operations",
+]
+
+
+def scroll_fade_edge_items():
+    return rx.el.div(
+        *[
+            rx.el.div(
+                item,
+                class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+            )
+            for item in items
+        ],
+        class_name="flex flex-col gap-1.5 p-1.5",
+    )
+
+
+def scroll_fade_edge_tags():
+    return rx.el.div(
+        *[
+            rx.el.div(
+                tag,
+                class_name="shrink-0 rounded-xl bg-muted px-4 py-2.5 text-sm",
+            )
+            for tag in tags
+        ],
+        class_name="flex w-max gap-1.5 p-1.5",
+    )
+
+
+def scroll_fade_edge():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_items(),
+                    class_name="h-36 scroll-fade-t scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-t",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_items(),
+                    class_name="h-36 scroll-fade-b scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-b",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_tags(),
+                    class_name="scroll-fade-s scrollbar-none overflow-x-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-s",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_tags(),
+                    class_name="scroll-fade-e scrollbar-none overflow-x-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-e",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex max-w-xs min-w-0 flex-col gap-6",
+    )
diff --git a/app/www/library/utilities/scroll_fade_horizontal.py b/app/www/library/utilities/scroll_fade_horizontal.py
new file mode 100644
index 0000000..1a3a73d
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_horizontal.py
@@ -0,0 +1,35 @@
+import reflex as rx
+
+tags = [
+    "Design",
+    "Engineering",
+    "Marketing",
+    "Product",
+    "Research",
+    "Sales",
+    "Support",
+    "Operations",
+    "Finance",
+    "Legal",
+    "People",
+    "Security",
+]
+
+
+def scroll_fade_horizontal():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        tag,
+                        class_name="shrink-0 rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for tag in tags
+                ],
+                class_name="flex w-max gap-1.5 p-1.5",
+            ),
+            class_name="scroll-fade-x scrollbar-none overflow-x-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
diff --git a/app/www/library/utilities/scroll_fade_no_fade.py b/app/www/library/utilities/scroll_fade_no_fade.py
new file mode 100644
index 0000000..4741ff1
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_no_fade.py
@@ -0,0 +1,20 @@
+import reflex as rx
+
+
+def scroll_fade_no_fade():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        f"Item {index + 1}",
+                        class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for index in range(3)
+                ],
+                class_name="flex flex-col gap-1.5 p-1.5",
+            ),
+            class_name="scroll-fade scrollbar-none overflow-y-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
diff --git a/app/www/library/utilities/scroll_fade_size.py b/app/www/library/utilities/scroll_fade_size.py
new file mode 100644
index 0000000..a366a39
--- /dev/null
+++ b/app/www/library/utilities/scroll_fade_size.py
@@ -0,0 +1,48 @@
+import reflex as rx
+
+
+def scroll_fade_size_items():
+    return rx.el.div(
+        *[
+            rx.el.div(
+                f"Item {index + 1}",
+                class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+            )
+            for index in range(8)
+        ],
+        class_name="flex flex-col gap-1.5 p-1.5",
+    )
+
+
+def scroll_fade_size():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_size_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-4",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-4",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_size_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-24",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-24",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex w-full max-w-xs flex-col gap-6",
+    )
diff --git a/app/www/library/utilities/shimmer_angle.py b/app/www/library/utilities/shimmer_angle.py
new file mode 100644
index 0000000..3b3790a
--- /dev/null
+++ b/app/www/library/utilities/shimmer_angle.py
@@ -0,0 +1,17 @@
+import reflex as rx
+
+
+def shimmer_angle():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer"),
+            rx.el.p("shimmer", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-angle-45"),
+            rx.el.p("shimmer-angle-45", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
diff --git a/app/www/library/utilities/shimmer_color.py b/app/www/library/utilities/shimmer_color.py
new file mode 100644
index 0000000..f128399
--- /dev/null
+++ b/app/www/library/utilities/shimmer_color.py
@@ -0,0 +1,13 @@
+import reflex as rx
+
+
+def shimmer_color():
+    return rx.el.div(
+        rx.el.p(
+            "Generating response", class_name="shimmer shimmer-color-blue-500/60 w-fit"
+        ),
+        rx.el.p(
+            "Generating response", class_name="shimmer shimmer-color-[#378ADD] w-fit"
+        ),
+        class_name="flex flex-col items-center gap-2 text-sm text-muted-foreground",
+    )
diff --git a/app/www/library/utilities/shimmer_duration.py b/app/www/library/utilities/shimmer_duration.py
new file mode 100644
index 0000000..9976a36
--- /dev/null
+++ b/app/www/library/utilities/shimmer_duration.py
@@ -0,0 +1,19 @@
+import reflex as rx
+
+
+def shimmer_duration():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer"),
+            rx.el.p("shimmer", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p(
+                "Generating response...", class_name="shimmer shimmer-duration-1000"
+            ),
+            rx.el.p("shimmer-duration-1000", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
diff --git a/app/www/library/utilities/shimmer_none.py b/app/www/library/utilities/shimmer_none.py
new file mode 100644
index 0000000..7249036
--- /dev/null
+++ b/app/www/library/utilities/shimmer_none.py
@@ -0,0 +1,9 @@
+import reflex as rx
+
+
+def shimmer_none():
+    return rx.el.div(
+        rx.el.p("Generating response...", class_name="shimmer md:shimmer-none"),
+        rx.el.p("shimmer md:shimmer-none", class_name="font-mono text-xs"),
+        class_name="flex flex-col items-center gap-3 text-sm text-muted-foreground",
+    )
diff --git a/app/www/library/utilities/shimmer_play_once.py b/app/www/library/utilities/shimmer_play_once.py
new file mode 100644
index 0000000..83de1cb
--- /dev/null
+++ b/app/www/library/utilities/shimmer_play_once.py
@@ -0,0 +1,28 @@
+import reflex as rx
+from reflex.experimental import ClientStateVar
+
+from components.ui.button import button
+
+shimmer_key = ClientStateVar.create("shimmer_key", 0)
+
+
+def shimmer_once():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p(
+                "Generating response...",
+                class_name=(
+                    "shimmer text-sm text-muted-foreground "
+                    "shimmer-duration-1100 shimmer-once"
+                ),
+            ),
+            key=shimmer_key.value.to(str),
+        ),
+        button(
+            "Replay",
+            variant="outline",
+            size="sm",
+            on_click=shimmer_key.set_value(shimmer_key.value.to(int) + 1),
+        ),
+        class_name="flex flex-col items-center gap-4",
+    )
diff --git a/app/www/library/utilities/shimmer_reverse.py b/app/www/library/utilities/shimmer_reverse.py
new file mode 100644
index 0000000..c1b904a
--- /dev/null
+++ b/app/www/library/utilities/shimmer_reverse.py
@@ -0,0 +1,12 @@
+import reflex as rx
+
+
+def shimmer_reverse():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-reverse"),
+            rx.el.p("shimmer reverse", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="flex text-center items-center gap-2 text-sm text-muted-foreground",
+    )
diff --git a/app/www/library/utilities/shimmer_spread.py b/app/www/library/utilities/shimmer_spread.py
new file mode 100644
index 0000000..2a8cf6f
--- /dev/null
+++ b/app/www/library/utilities/shimmer_spread.py
@@ -0,0 +1,17 @@
+import reflex as rx
+
+
+def shimmer_spread():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-spread-4"),
+            rx.el.p("shimmer-spread-4", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-spread-24"),
+            rx.el.p("shimmer-spread-24", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
diff --git a/assets/docs/utilities/scroll-fade.md b/assets/docs/utilities/scroll-fade.md
new file mode 100644
index 0000000..b49ccab
--- /dev/null
+++ b/assets/docs/utilities/scroll-fade.md
@@ -0,0 +1,295 @@
+
+
+# Scroll Fade
+
+Utilities for adding a fade effect to the edges of a scroll container.
+
+>The **scroll-fade** utility is purely composed of CSS and is based on [shadcn/scroll-fade](https://ui.shadcn.com/docs/utils/scroll-fade). No extensions to **rxconfig.py** are needed as it uses **Tailwind v4** syntax. 
+
+# Installation 
+
+If your project was set up with `buridan init`, you already have scroll-fade. It ships with the `buridan` package, which the CLI imports in your global CSS file.
+
+Otherwise install the `buirdan` package:
+
+```uv
+uv run buridan init
+```
+
+# Usage
+
+| Class                             | Styles                                                                                                              |
+| --------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| `scroll-fade`                     | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));` <br /> `animation-timeline: scroll(self y);`       |
+| `scroll-fade-y`                   | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));` <br /> `animation-timeline: scroll(self y);`       |
+| `scroll-fade-x`                   | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));` <br /> `animation-timeline: scroll(self inline);` |
+| `scroll-fade-t`                   | Fade mask on the top edge. <br /> `animation-timeline: scroll(self y);`                                             |
+| `scroll-fade-b`                   | Fade mask on the bottom edge. <br /> `animation-timeline: scroll(self y);`                                          |
+| `scroll-fade-l`                   | Fade mask on the left edge. <br /> `animation-timeline: scroll(self x);`                                            |
+| `scroll-fade-r`                   | Fade mask on the right edge. <br /> `animation-timeline: scroll(self x);`                                           |
+| `scroll-fade-s`                   | Fade mask on the start edge, mirrors in RTL. <br /> `animation-timeline: scroll(self inline);`                      |
+| `scroll-fade-e`                   | Fade mask on the end edge, mirrors in RTL. <br /> `animation-timeline: scroll(self inline);`                        |
+| `scroll-fade-<number>`            | `--scroll-fade-size: calc(var(--spacing) * <number>);`                                                              |
+| `scroll-fade-[<value>]`           | `--scroll-fade-size: <value>;`                                                                                      |
+| `scroll-fade-{t,b,s,e}-<number>`  | `--scroll-fade-{t,b,s,e}-size: calc(var(--spacing) * <number>);`                                                    |
+| `scroll-fade-{t,b,s,e}-[<value>]` | `--scroll-fade-{t,b,s,e}-size: <value>;`                                                                            |
+| `scroll-fade-none`                | `--scroll-fade-mask: none;`                                                                                         |
+
+Add `scroll-fade` or `scroll-fade-y` to the scroll container, i.e. the element that has overflow-y-auto.
+
+The fade is scroll-aware and tracks the scroll position:
+
+- At rest, the top edge is crisp and the bottom edge fades to hint at more content.
+- As you scroll, a fade appears at the top and both edges stay faded mid-scroll.
+- At the end, the bottom edge sharpens to show you have reached the last item.
+
+The fade is applied with `mask-image`, so it dissolves the content itself rather than overlaying a color. The mask uses a linear fade from transparent to black, so it adapts to any background without configuration. If your scroll area sits inside a card, put the background and border on a wrapper and `scroll-fade` on the inner scroller, so the fade dissolves the content and not the card.
+
+
+# Scroll Fade Demo
+
+
+```python
+def scroll_fade_demo():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        f"Item {index + 1}",
+                        class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for index in range(12)
+                ],
+                class_name="flex flex-col gap-1.5 p-1.5",
+            ),
+            class_name="h-72 scroll-fade scrollbar-none overflow-y-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
+```
+
+
+# No Overflow, No Fade
+
+If the content does not overflow, no fade is shown. You can apply `scroll-fade` to any list without checking whether it scrolls.
+
+
+```python
+def scroll_fade_no_fade():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        f"Item {index + 1}",
+                        class_name="rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for index in range(3)
+                ],
+                class_name="flex flex-col gap-1.5 p-1.5",
+            ),
+            class_name="scroll-fade scrollbar-none overflow-y-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
+```
+
+
+# Horizontal Scrolling
+
+Use `scroll-fade-x` on containers that scroll horizontally, i.e. the element that has `overflow-x-auto`.
+
+
+```python
+def scroll_fade_horizontal():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                *[
+                    rx.el.div(
+                        tag,
+                        class_name="shrink-0 rounded-lg bg-muted px-3 py-2.5 text-sm",
+                    )
+                    for tag in tags
+                ],
+                class_name="flex w-max gap-1.5 p-1.5",
+            ),
+            class_name="scroll-fade-x scrollbar-none overflow-x-auto",
+        ),
+        class_name="mx-auto w-full max-w-xs overflow-hidden rounded-2xl border border-input",
+    )
+```
+
+
+# Edge Fades
+
+Use edge utilities when only one edge should track the scroll position.
+
+
+```python
+def scroll_fade_edge():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_items(),
+                    class_name="h-36 scroll-fade-t scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-t",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_items(),
+                    class_name="h-36 scroll-fade-b scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-b",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_tags(),
+                    class_name="scroll-fade-s scrollbar-none overflow-x-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-s",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_edge_tags(),
+                    class_name="scroll-fade-e scrollbar-none overflow-x-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-e",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex max-w-xs min-w-0 flex-col gap-6",
+    )
+```
+
+
+The edge utilities are scroll-aware. Start edges fade in after you scroll away from the start, and end edges fade out when you reach the end. Use `scroll-fade-t`, `scroll-fade-b`, `scroll-fade-l`, and `scroll-fade-r` for physical edges. Use `scroll-fade-s` and `scroll-fade-e` for logical inline edges.
+
+# Fade Size
+
+The fade depth defaults to 12% of the container, capped at 40px so tall scrollers stay subtle. Use `scroll-fade-<number>` to set a fixed size on the spacing scale instead, the same way `scroll-mt-<number>` works.
+
+
+```python
+def scroll_fade_size():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_size_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-4",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-4",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_size_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-24",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade-24",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex w-full max-w-xs flex-col gap-6",
+    )
+```
+
+
+For one-off values, use an arbitrary length or percentage:
+
+```reflex
+rx.el.div(..., class_name="scroll-fade overflow-y-auto scroll-fade-[15%]")
+```
+
+To fade opposite edges by different amounts, use the per-edge modifiers `scroll-fade-t-<number>`, `scroll-fade-b-<number>`, `scroll-fade-s-<number>`, and `scroll-fade-e-<number>`. They override scroll-fade-<number> on the edge they target and accept arbitrary values too.
+
+```reflex
+rx.el.div(..., class_name="scroll-fade overflow-y-auto scroll-fade-b-8 scroll-fade-t-2")
+```
+
+# Disabling the Fade
+
+Use `scroll-fade-none` to remove the fade. It works in any class order, so the typical use is responsive or stateful.
+
+
+```python
+def scroll_fade_none():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_none_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.div(
+                rx.el.div(
+                    scroll_fade_none_items(),
+                    class_name="h-48 scroll-fade scrollbar-none overflow-y-auto scroll-fade-none",
+                ),
+                class_name="overflow-hidden rounded-2xl border border-input",
+            ),
+            rx.el.p(
+                "scroll-fade scroll-fade-none",
+                class_name="text-center font-mono text-xs text-muted-foreground",
+            ),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto flex w-full max-w-xs min-w-0 flex-col gap-6",
+    )
+```
+
+
+
+# Fallback
+
+The scroll-aware behavior is implemented with [CSS scroll-driven animations](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), with no JavaScript and no scroll listeners. In browsers that do not support scroll-driven animations, `scroll-fade` falls back to a static fade on both edges, and edge utilities fall back to a static fade on the selected edge.
+
+Since the mask is applied to the scroll container itself, a visible scrollbar fades with the content at the edges. Pair `scroll-fade` with `no-scrollbar`, which ships in the same package, if you want to hide the scrollbar entirely.
diff --git a/assets/docs/utilities/shimmer.md b/assets/docs/utilities/shimmer.md
new file mode 100644
index 0000000..7088671
--- /dev/null
+++ b/assets/docs/utilities/shimmer.md
@@ -0,0 +1,317 @@
+
+
+# Shimmer
+
+Utilities for adding a shimmer effect to text elements.
+
+>The **shimmer** utility is purely composed of CSS and is based on [shadcn/shimmer](https://ui.shadcn.com/docs/utils/shimmer). No extensions to **rxconfig.py** are needed as it uses **Tailwind v4** syntax. 
+
+
+# Installation 
+
+If your project was set up with `buridan init`, you already have shimmer. It ships with the `buridan` package, which the CLI imports in your global CSS file.
+
+Otherwise install the `buirdan` package:
+
+```uv
+uv run buridan init
+```
+
+You can also copy paste the `shimmer` source directly into your `globals.css` file. Make sure you also include the correct imports, such as `@tailwind utilities;` at the top of your CSS file. 
+
+```css
+@property --shimmer-angle {
+    syntax: "<angle>";
+    inherits: true;
+    initial-value: 20deg;
+}
+@property --shimmer-image {
+    syntax: "*";
+    inherits: false;
+}
+@property --shimmer-text-fill {
+    syntax: "*";
+    inherits: false;
+}
+
+@theme inline {
+    @keyframes tw-shimmer {
+        from {
+            background-position: 100% 0;
+        }
+        to {
+            background-position: 0 0;
+        }
+    }
+}
+
+@utility shimmer {
+    --_spread: var(--shimmer-spread, calc(3ch + 40px));
+    --_base: currentColor;
+    --_highlight: var(
+        --shimmer-color,
+        oklch(from currentColor l c h / calc(alpha* 0.2))
+    );
+
+    background-image: var(
+        --shimmer-image,
+        linear-gradient(
+            calc(90deg + var(--shimmer-angle)),
+            var(--_base) calc(50% - var(--_spread)),
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% - var(--_spread) * 0.5),
+            var(--_highlight) 50%,
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% + var(--_spread) * 0.5),
+            var(--_base) calc(50% + var(--_spread))
+        )
+    );
+    background-repeat: no-repeat;
+    background-size: calc(200% + var(--_spread) * 2) 100%;
+    background-position: 0 0;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+
+    @variant dark {
+        --_highlight: var(
+            --shimmer-color,
+            oklch(
+                from currentColor max(0.8, calc(l + 0.4)) c h /
+                    calc(alpha + 0.4)
+            )
+        );
+    }
+
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+    }
+}
+
+@utility shimmer-once {
+    animation-iteration-count: 1;
+}
+
+@utility shimmer-reverse {
+    animation-direction: reverse;
+}
+
+@utility shimmer-none {
+    --shimmer-image: none;
+    --shimmer-text-fill: currentColor;
+}
+
+@utility shimmer-color-* {
+    --shimmer-color: --value(--color, [color]);
+    --shimmer-color: color-mix(
+        in oklch,
+        --value(--color, [color]) calc(--modifier(integer) * 1%),
+        transparent
+    );
+}
+
+@utility shimmer-duration-* {
+    --shimmer-duration: calc(--value(integer) * 1ms);
+}
+
+@utility shimmer-spread-* {
+    --shimmer-spread: calc(var(--spacing) * --value(integer));
+    --shimmer-spread: --value([length], [percentage]);
+}
+
+@utility shimmer-angle-* {
+    --shimmer-angle: calc(--value(integer) * 1deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .shimmer {
+        animation: none;
+        background-image: none;
+        -webkit-text-fill-color: currentColor;
+    }
+}
+```
+
+
+# Usage
+
+| Class                         | Styles                                                                                               |
+| ----------------------------- | ---------------------------------------------------------------------------------------------------- |
+| `shimmer`                     | `background-clip: text;` <br /> `animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;` |
+| `shimmer-once`                | `animation-iteration-count: 1;`                                                                      |
+| `shimmer-reverse`             | `animation-direction: reverse;`                                                                      |
+| `shimmer-none`                | `--shimmer-image: none;` <br /> `--shimmer-text-fill: currentColor;`                                 |
+| `shimmer-color-<color>`       | `--shimmer-color: <color>;`                                                                          |
+| `shimmer-color-[<value>]`     | `--shimmer-color: <value>;`                                                                          |
+| `shimmer-color-<color>/<pct>` | `--shimmer-color: color-mix(in oklch, <color> <pct>, transparent);`                                  |
+| `shimmer-duration-<number>`   | `--shimmer-duration: calc(<number> * 1ms);`                                                          |
+| `shimmer-spread-<number>`     | `--shimmer-spread: calc(var(--spacing) * <number>);`                                                 |
+| `shimmer-spread-[<value>]`    | `--shimmer-spread: <value>;`                                                                         |
+| `shimmer-angle-<number>`      | `--shimmer-angle: calc(<number> * 1deg);`                                                            |
+
+Add shimmer to a text element.
+
+```reflex
+rx.el.p("Generating response", class_name="shimmer text-muted-foreground w-fit")
+```
+
+The effect is pure CSS. The text is painted with `background-clip: text`, and the highlight sweeps across it in a seamless loop.
+
+>**Note**: If the **shimmer** utility isn't working properly, try adding **w-fit** to the text styling, as it ensures the animation doesn't exceed the inherit width of the text.
+
+# Color
+
+Use `shimmer-color-<color>` to set the highlight color explicitly. It accepts theme colors with an optional opacity modifier, or any arbitrary color value.
+
+
+```python
+def shimmer_color():
+    return rx.el.div(
+        rx.el.p(
+            "Generating response", class_name="shimmer shimmer-color-blue-500/60 w-fit"
+        ),
+        rx.el.p(
+            "Generating response", class_name="shimmer shimmer-color-[#378ADD] w-fit"
+        ),
+        class_name="flex flex-col items-center gap-2 text-sm text-muted-foreground",
+    )
+```
+
+
+# Duration
+
+Use `shimmer-duration-<number>` to set the duration of one sweep in milliseconds. The default is `2000`, i.e. `2s`.
+
+
+```python
+def shimmer_duration():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer"),
+            rx.el.p("shimmer", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p(
+                "Generating response...", class_name="shimmer shimmer-duration-1000"
+            ),
+            rx.el.p("shimmer-duration-1000", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
+```
+
+
+# Spread
+
+Use `shimmer-spread-<number>` to set the width of the highlight band using the spacing scale. The default is `calc(3ch + 40px)`: a fixed base plus a `3ch` term that scales with the font size.
+
+
+```python
+def shimmer_spread():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-spread-4"),
+            rx.el.p("shimmer-spread-4", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-spread-24"),
+            rx.el.p("shimmer-spread-24", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
+```
+
+
+# Angle
+
+Use `shimmer-angle-<number>` to set the tilt of the highlight band in degrees. The default is `20`.
+
+
+```python
+def shimmer_angle():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer"),
+            rx.el.p("shimmer", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-angle-45"),
+            rx.el.p("shimmer-angle-45", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="mx-auto grid w-full max-w-lg gap-6 text-center text-sm text-muted-foreground sm:grid-cols-2",
+    )
+```
+
+
+# Reverse
+
+Use `shimmer-reverse` to sweep the highlight in the opposite direction.
+
+
+```python
+def shimmer_reverse():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p("Generating response...", class_name="shimmer shimmer-reverse"),
+            rx.el.p("shimmer reverse", class_name="font-mono text-xs"),
+            class_name="flex flex-col gap-3",
+        ),
+        class_name="flex text-center items-center gap-2 text-sm text-muted-foreground",
+    )
+```
+
+
+# Play Once
+
+Use `shimmer-once` to play a single sweep instead of looping, useful as a reveal when streaming completes. Pair it with `shimmer-duration-<number>` to control how long the sweep takes.
+
+
+```python
+def shimmer_once():
+    return rx.el.div(
+        rx.el.div(
+            rx.el.p(
+                "Generating response...",
+                class_name=(
+                    "shimmer text-sm text-muted-foreground "
+                    "shimmer-duration-1100 shimmer-once"
+                ),
+            ),
+            key=shimmer_key.value.to(str),
+        ),
+        button(
+            "Replay",
+            variant="outline",
+            size="sm",
+            on_click=shimmer_key.set_value(shimmer_key.value.to(int) + 1),
+        ),
+        class_name="flex flex-col items-center gap-4",
+    )
+```
+
+
+```reflex
+rx.el.p("Response Generated", class_name="shimmer shimmer-duration-1100 shimmer-once")
+```
+
+# Disabling the Shimmer
+
+Use `shimmer-none` to turn the effect off and render the text normally. It works in any class order, so the typical use is responsive or stateful.
+
+
+```python
+def shimmer_none():
+    return rx.el.div(
+        rx.el.p("Generating response...", class_name="shimmer md:shimmer-none"),
+        rx.el.p("shimmer md:shimmer-none", class_name="font-mono text-xs"),
+        class_name="flex flex-col items-center gap-3 text-sm text-muted-foreground",
+    )
+```
+
diff --git a/assets/fuse/searchList.json b/assets/fuse/searchList.json
index e76db1a..9fb1de1 100644
--- a/assets/fuse/searchList.json
+++ b/assets/fuse/searchList.json
@@ -39,6 +39,16 @@
     "title": "llms.txt",
     "url": "llms.txt"
   },
+  {
+    "section": "Utilities",
+    "title": "Scroll Fade",
+    "url": "docs/utilities/scroll-fade"
+  },
+  {
+    "section": "Utilities",
+    "title": "Shimmer",
+    "url": "docs/utilities/shimmer"
+  },
   {
     "section": "Resources",
     "title": "Client State Var",
diff --git a/assets/globals.css b/assets/globals.css
index 5629513..9f21ccf 100644
--- a/assets/globals.css
+++ b/assets/globals.css
@@ -2,6 +2,15 @@
 @tailwind components;
 @tailwind utilities;
 
+::selection {
+    background: var(--foreground);
+    color: var(--background);
+}
+
+body {
+    background-color: var(--background);
+}
+
 :root {
     --background: oklch(1 0 0);
     --foreground: oklch(0.145 0 0);
@@ -74,16 +83,577 @@
     --token-keyword: oklch(0.58 0.22 27);
 }
 
-::selection {
-    background: var(--foreground);
-    color: var(--background);
+.toc-link[data-active="true"] {
+    color: var(--foreground);
+    font-weight: 500;
 }
 
-body {
-    background-color: var(--background);
+/* ── Shimmer utility ────────────────────────────────────────────────────────
+ *
+ * Usage (add any of these to class_name):
+ *
+ *   shimmer                        — base shimmer effect
+ *   shimmer-once                   — play once instead of looping
+ *   shimmer-reverse                — sweep in opposite direction
+ *   shimmer-none                   — disable the effect
+ *   shimmer-color-<color>          — e.g. shimmer-color-blue-500
+ *   shimmer-duration-<number>      — duration in ms, e.g. shimmer-duration-1000
+ *   shimmer-spread-<number>        — highlight band width, e.g. shimmer-spread-24
+ *   shimmer-angle-<number>         — tilt in degrees, e.g. shimmer-angle-45
+ *
+ * Add this file to your global CSS with:
+ *   @import "./shimmer.css";
+ * or copy the contents directly into your globals.css.
+ * ────────────────────────────────────────────────────────────────────────── */
+
+@property --shimmer-angle {
+    syntax: "<angle>";
+    inherits: true;
+    initial-value: 20deg;
+}
+@property --shimmer-image {
+    syntax: "*";
+    inherits: false;
+}
+@property --shimmer-text-fill {
+    syntax: "*";
+    inherits: false;
 }
 
-.toc-link[data-active="true"] {
-    color: var(--foreground);
-    font-weight: 500;
+@theme inline {
+    @keyframes tw-shimmer {
+        from {
+            background-position: 100% 0;
+        }
+        to {
+            background-position: 0 0;
+        }
+    }
+}
+
+@utility shimmer {
+    --_spread: var(--shimmer-spread, calc(3ch + 40px));
+    --_base: currentColor;
+    --_highlight: var(
+        --shimmer-color,
+        oklch(from currentColor l c h / calc(alpha* 0.2))
+    );
+
+    background-image: var(
+        --shimmer-image,
+        linear-gradient(
+            calc(90deg + var(--shimmer-angle)),
+            var(--_base) calc(50% - var(--_spread)),
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% - var(--_spread) * 0.5),
+            var(--_highlight) 50%,
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% + var(--_spread) * 0.5),
+            var(--_base) calc(50% + var(--_spread))
+        )
+    );
+    background-repeat: no-repeat;
+    background-size: calc(200% + var(--_spread) * 2) 100%;
+    background-position: 0 0;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+
+    @variant dark {
+        --_highlight: var(
+            --shimmer-color,
+            oklch(
+                from currentColor max(0.8, calc(l + 0.4)) c h /
+                    calc(alpha + 0.4)
+            )
+        );
+    }
+
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+    }
+}
+
+@utility shimmer-once {
+    animation-iteration-count: 1;
+}
+
+@utility shimmer-reverse {
+    animation-direction: reverse;
+}
+
+@utility shimmer-none {
+    --shimmer-image: none;
+    --shimmer-text-fill: currentColor;
+}
+
+@utility shimmer-color-* {
+    --shimmer-color: --value(--color, [color]);
+    --shimmer-color: color-mix(
+        in oklch,
+        --value(--color, [color]) calc(--modifier(integer) * 1%),
+        transparent
+    );
+}
+
+@utility shimmer-duration-* {
+    --shimmer-duration: calc(--value(integer) * 1ms);
+}
+
+@utility shimmer-spread-* {
+    --shimmer-spread: calc(var(--spacing) * --value(integer));
+    --shimmer-spread: --value([length], [percentage]);
+}
+
+@utility shimmer-angle-* {
+    --shimmer-angle: calc(--value(integer) * 1deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .shimmer {
+        animation: none;
+        background-image: none;
+        -webkit-text-fill-color: currentColor;
+    }
+}
+
+/*-------------- SCROLL FADE ----------------------------*/
+/* scroll-fade */
+@property --scroll-fade-t {
+    syntax: "<length-percentage>";
+    inherits: false;
+    initial-value: 0px;
+}
+@property --scroll-fade-b {
+    syntax: "<length-percentage>";
+    inherits: false;
+    initial-value: 0px;
+}
+@property --scroll-fade-s {
+    syntax: "<length-percentage>";
+    inherits: false;
+    initial-value: 0px;
+}
+@property --scroll-fade-e {
+    syntax: "<length-percentage>";
+    inherits: false;
+    initial-value: 0px;
+}
+@property --scroll-fade-mask {
+    syntax: "*";
+    inherits: false;
+}
+
+@theme inline {
+    @keyframes scroll-fade-reveal-t {
+        from {
+            --scroll-fade-t: 0px;
+        }
+        to {
+            --scroll-fade-t: var(
+                --_scroll-fade-size-t,
+                var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+            );
+        }
+    }
+    @keyframes scroll-fade-reveal-b {
+        from {
+            --scroll-fade-b: var(
+                --_scroll-fade-size-b,
+                var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+            );
+        }
+        to {
+            --scroll-fade-b: 0px;
+        }
+    }
+    @keyframes scroll-fade-reveal-s {
+        from {
+            --scroll-fade-s: 0px;
+        }
+        to {
+            --scroll-fade-s: var(
+                --_scroll-fade-size-s,
+                var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+            );
+        }
+    }
+    @keyframes scroll-fade-reveal-e {
+        from {
+            --scroll-fade-e: var(
+                --_scroll-fade-size-e,
+                var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+            );
+        }
+        to {
+            --scroll-fade-e: 0px;
+        }
+    }
+}
+
+@utility scroll-fade {
+    --_scroll-fade-size-t: var(
+        --scroll-fade-t-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --_scroll-fade-size-b: var(
+        --scroll-fade-b-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-block: linear-gradient(
+        to bottom,
+        transparent 0,
+        #000 var(--scroll-fade-t, 0px),
+        #000 calc(100% - var(--scroll-fade-b, 0px)),
+        transparent 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation:
+            scroll-fade-reveal-t 1ms ease-in-out,
+            scroll-fade-reveal-b 1ms ease-in-out;
+        animation-timeline: scroll(self y), scroll(self y);
+        animation-range:
+            0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+            calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)))
+                100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-t: var(--_scroll-fade-size-t);
+        --scroll-fade-b: var(--_scroll-fade-size-b);
+    }
+}
+
+@utility scroll-fade-y {
+    --_scroll-fade-size-t: var(
+        --scroll-fade-t-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --_scroll-fade-size-b: var(
+        --scroll-fade-b-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-block: linear-gradient(
+        to bottom,
+        transparent 0,
+        #000 var(--scroll-fade-t, 0px),
+        #000 calc(100% - var(--scroll-fade-b, 0px)),
+        transparent 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation:
+            scroll-fade-reveal-t 1ms ease-in-out,
+            scroll-fade-reveal-b 1ms ease-in-out;
+        animation-timeline: scroll(self y), scroll(self y);
+        animation-range:
+            0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+            calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)))
+                100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-t: var(--_scroll-fade-size-t);
+        --scroll-fade-b: var(--_scroll-fade-size-b);
+    }
+}
+
+@utility scroll-fade-x {
+    --_scroll-fade-size-s: var(
+        --scroll-fade-s-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --_scroll-fade-size-e: var(
+        --scroll-fade-e-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-inline: linear-gradient(
+        to right,
+        transparent 0,
+        #000 var(--scroll-fade-s, 0px),
+        #000 calc(100% - var(--scroll-fade-e, 0px)),
+        transparent 100%
+    );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        --scroll-fade-inline: linear-gradient(
+            to left,
+            transparent 0,
+            #000 var(--scroll-fade-s, 0px),
+            #000 calc(100% - var(--scroll-fade-e, 0px)),
+            transparent 100%
+        );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation:
+            scroll-fade-reveal-s 1ms ease-in-out,
+            scroll-fade-reveal-e 1ms ease-in-out;
+        animation-timeline: scroll(self inline), scroll(self inline);
+        animation-range:
+            0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+            calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)))
+                100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-s: var(--_scroll-fade-size-s);
+        --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+}
+
+@utility scroll-fade-t {
+    --_scroll-fade-size-t: var(
+        --scroll-fade-t-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to bottom,
+        transparent 0,
+        #000 var(--scroll-fade-t, 0px),
+        #000 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-t 1ms ease-in-out;
+        animation-timeline: scroll(self y);
+        animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-t: var(--_scroll-fade-size-t);
+    }
+}
+
+@utility scroll-fade-b {
+    --_scroll-fade-size-b: var(
+        --scroll-fade-b-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to bottom,
+        #000 0,
+        #000 calc(100% - var(--scroll-fade-b, 0px)),
+        transparent 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-b 1ms ease-in-out;
+        animation-timeline: scroll(self y);
+        animation-range: calc(
+                100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+            )
+            100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-b: var(--_scroll-fade-size-b);
+    }
+}
+
+@utility scroll-fade-l {
+    --_scroll-fade-size-s: var(
+        --scroll-fade-s-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to right,
+        transparent 0,
+        #000 var(--scroll-fade-s, 0px),
+        #000 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-s 1ms ease-in-out;
+        animation-timeline: scroll(self x);
+        animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-s: var(--_scroll-fade-size-s);
+    }
+}
+
+@utility scroll-fade-r {
+    --_scroll-fade-size-e: var(
+        --scroll-fade-e-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to right,
+        #000 0,
+        #000 calc(100% - var(--scroll-fade-e, 0px)),
+        transparent 100%
+    );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-e 1ms ease-in-out;
+        animation-timeline: scroll(self x);
+        animation-range: calc(
+                100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+            )
+            100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+}
+
+@utility scroll-fade-s {
+    --_scroll-fade-size-s: var(
+        --scroll-fade-s-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to right,
+        transparent 0,
+        #000 var(--scroll-fade-s, 0px),
+        #000 100%
+    );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        --scroll-fade-mask: linear-gradient(
+            to left,
+            transparent 0,
+            #000 var(--scroll-fade-s, 0px),
+            #000 100%
+        );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-s 1ms ease-in-out;
+        animation-timeline: scroll(self inline);
+        animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-s: var(--_scroll-fade-size-s);
+    }
+}
+
+@utility scroll-fade-e {
+    --_scroll-fade-size-e: var(
+        --scroll-fade-e-size,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+    --scroll-fade-mask: linear-gradient(
+        to right,
+        #000 0,
+        #000 calc(100% - var(--scroll-fade-e, 0px)),
+        transparent 100%
+    );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        --scroll-fade-mask: linear-gradient(
+            to left,
+            #000 0,
+            #000 calc(100% - var(--scroll-fade-e, 0px)),
+            transparent 100%
+        );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+
+    @supports (animation-timeline: scroll()) {
+        animation: scroll-fade-reveal-e 1ms ease-in-out;
+        animation-timeline: scroll(self inline);
+        animation-range: calc(
+                100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+            )
+            100%;
+        animation-fill-mode: both;
+    }
+
+    @supports not (animation-timeline: scroll()) {
+        --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+}
+
+@utility scroll-fade-* {
+    --scroll-fade-size: calc(var(--spacing) * --value(integer));
+    --scroll-fade-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-t-* {
+    --scroll-fade-t-size: calc(var(--spacing) * --value(integer));
+    --scroll-fade-t-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-b-* {
+    --scroll-fade-b-size: calc(var(--spacing) * --value(integer));
+    --scroll-fade-b-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-s-* {
+    --scroll-fade-s-size: calc(var(--spacing) * --value(integer));
+    --scroll-fade-s-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-e-* {
+    --scroll-fade-e-size: calc(var(--spacing) * --value(integer));
+    --scroll-fade-e-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-none {
+    --scroll-fade-mask: none;
 }
diff --git a/assets/social/scroll-fade.webp b/assets/social/scroll-fade.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5c6279c2bc16570f5cba72b03de348b492926e4f
GIT binary patch
literal 18002
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
DPG;8h

literal 0
HcmV?d00001

diff --git a/assets/social/shimmer.webp b/assets/social/shimmer.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f1115a5cdf4f270dd2fb4dc8cfb197c0b9faaad5
GIT binary patch
literal 14730
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

literal 0
HcmV?d00001

diff --git a/docs/utilities/scroll_fade.md b/docs/utilities/scroll_fade.md
new file mode 100644
index 0000000..2d5749e
--- /dev/null
+++ b/docs/utilities/scroll_fade.md
@@ -0,0 +1,106 @@
+---
+title: "Scroll Fade"
+description: "Utilities for adding a fade effect to the edges of a scroll container."
+order: 0
+---
+
+# Scroll Fade
+
+Utilities for adding a fade effect to the edges of a scroll container.
+
+>The **scroll-fade** utility is purely composed of CSS and is based on [shadcn/scroll-fade](https://ui.shadcn.com/docs/utils/scroll-fade). No extensions to **rxconfig.py** are needed as it uses **Tailwind v4** syntax. 
+
+# Installation 
+
+If your project was set up with `buridan init`, you already have scroll-fade. It ships with the `buridan` package, which the CLI imports in your global CSS file.
+
+Otherwise install the `buirdan` package:
+
+```uv
+uv run buridan init
+```
+
+# Usage
+
+| Class                             | Styles                                                                                                              |
+| --------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| `scroll-fade`                     | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));` <br /> `animation-timeline: scroll(self y);`       |
+| `scroll-fade-y`                   | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));` <br /> `animation-timeline: scroll(self y);`       |
+| `scroll-fade-x`                   | `mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));` <br /> `animation-timeline: scroll(self inline);` |
+| `scroll-fade-t`                   | Fade mask on the top edge. <br /> `animation-timeline: scroll(self y);`                                             |
+| `scroll-fade-b`                   | Fade mask on the bottom edge. <br /> `animation-timeline: scroll(self y);`                                          |
+| `scroll-fade-l`                   | Fade mask on the left edge. <br /> `animation-timeline: scroll(self x);`                                            |
+| `scroll-fade-r`                   | Fade mask on the right edge. <br /> `animation-timeline: scroll(self x);`                                           |
+| `scroll-fade-s`                   | Fade mask on the start edge, mirrors in RTL. <br /> `animation-timeline: scroll(self inline);`                      |
+| `scroll-fade-e`                   | Fade mask on the end edge, mirrors in RTL. <br /> `animation-timeline: scroll(self inline);`                        |
+| `scroll-fade-<number>`            | `--scroll-fade-size: calc(var(--spacing) * <number>);`                                                              |
+| `scroll-fade-[<value>]`           | `--scroll-fade-size: <value>;`                                                                                      |
+| `scroll-fade-{t,b,s,e}-<number>`  | `--scroll-fade-{t,b,s,e}-size: calc(var(--spacing) * <number>);`                                                    |
+| `scroll-fade-{t,b,s,e}-[<value>]` | `--scroll-fade-{t,b,s,e}-size: <value>;`                                                                            |
+| `scroll-fade-none`                | `--scroll-fade-mask: none;`                                                                                         |
+
+Add `scroll-fade` or `scroll-fade-y` to the scroll container, i.e. the element that has overflow-y-auto.
+
+The fade is scroll-aware and tracks the scroll position:
+
+- At rest, the top edge is crisp and the bottom edge fades to hint at more content.
+- As you scroll, a fade appears at the top and both edges stay faded mid-scroll.
+- At the end, the bottom edge sharpens to show you have reached the last item.
+
+The fade is applied with `mask-image`, so it dissolves the content itself rather than overlaying a color. The mask uses a linear fade from transparent to black, so it adapts to any background without configuration. If your scroll area sits inside a card, put the background and border on a wrapper and `scroll-fade` on the inner scroller, so the fade dissolves the content and not the card.
+
+
+# Scroll Fade Demo
+
+--DEMO(scroll_fade_demo)--
+
+# No Overflow, No Fade
+
+If the content does not overflow, no fade is shown. You can apply `scroll-fade` to any list without checking whether it scrolls.
+
+--DEMO(scroll_fade_no_fade)--
+
+# Horizontal Scrolling
+
+Use `scroll-fade-x` on containers that scroll horizontally, i.e. the element that has `overflow-x-auto`.
+
+--DEMO(scroll_fade_horizontal)--
+
+# Edge Fades
+
+Use edge utilities when only one edge should track the scroll position.
+
+--DEMO(scroll_fade_edge)--
+
+The edge utilities are scroll-aware. Start edges fade in after you scroll away from the start, and end edges fade out when you reach the end. Use `scroll-fade-t`, `scroll-fade-b`, `scroll-fade-l`, and `scroll-fade-r` for physical edges. Use `scroll-fade-s` and `scroll-fade-e` for logical inline edges.
+
+# Fade Size
+
+The fade depth defaults to 12% of the container, capped at 40px so tall scrollers stay subtle. Use `scroll-fade-<number>` to set a fixed size on the spacing scale instead, the same way `scroll-mt-<number>` works.
+
+--DEMO(scroll_fade_size)--
+
+For one-off values, use an arbitrary length or percentage:
+
+```reflex
+rx.el.div(..., class_name="scroll-fade overflow-y-auto scroll-fade-[15%]")
+```
+
+To fade opposite edges by different amounts, use the per-edge modifiers `scroll-fade-t-<number>`, `scroll-fade-b-<number>`, `scroll-fade-s-<number>`, and `scroll-fade-e-<number>`. They override scroll-fade-<number> on the edge they target and accept arbitrary values too.
+
+```reflex
+rx.el.div(..., class_name="scroll-fade overflow-y-auto scroll-fade-b-8 scroll-fade-t-2")
+```
+
+# Disabling the Fade
+
+Use `scroll-fade-none` to remove the fade. It works in any class order, so the typical use is responsive or stateful.
+
+--DEMO(scroll_fade_none)--
+
+
+# Fallback
+
+The scroll-aware behavior is implemented with [CSS scroll-driven animations](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), with no JavaScript and no scroll listeners. In browsers that do not support scroll-driven animations, `scroll-fade` falls back to a static fade on both edges, and edge utilities fall back to a static fade on the selected edge.
+
+Since the mask is applied to the scroll container itself, a visible scrollbar fades with the content at the edges. Pair `scroll-fade` with `no-scrollbar`, which ships in the same package, if you want to hide the scrollbar entirely.
diff --git a/docs/utilities/shimmer.md b/docs/utilities/shimmer.md
new file mode 100644
index 0000000..89e7503
--- /dev/null
+++ b/docs/utilities/shimmer.md
@@ -0,0 +1,211 @@
+---
+title: "Shimmer"
+description: "Utilities for adding a shimmer effect to text elements."
+order: 0
+---
+
+# Shimmer
+
+Utilities for adding a shimmer effect to text elements.
+
+>The **shimmer** utility is purely composed of CSS and is based on [shadcn/shimmer](https://ui.shadcn.com/docs/utils/shimmer). No extensions to **rxconfig.py** are needed as it uses **Tailwind v4** syntax. 
+
+
+# Installation 
+
+If your project was set up with `buridan init`, you already have shimmer. It ships with the `buridan` package, which the CLI imports in your global CSS file.
+
+Otherwise install the `buirdan` package:
+
+```uv
+uv run buridan init
+```
+
+You can also copy paste the `shimmer` source directly into your `globals.css` file. Make sure you also include the correct imports, such as `@tailwind utilities;` at the top of your CSS file. 
+
+```css
+@property --shimmer-angle {
+    syntax: "<angle>";
+    inherits: true;
+    initial-value: 20deg;
+}
+@property --shimmer-image {
+    syntax: "*";
+    inherits: false;
+}
+@property --shimmer-text-fill {
+    syntax: "*";
+    inherits: false;
+}
+
+@theme inline {
+    @keyframes tw-shimmer {
+        from {
+            background-position: 100% 0;
+        }
+        to {
+            background-position: 0 0;
+        }
+    }
+}
+
+@utility shimmer {
+    --_spread: var(--shimmer-spread, calc(3ch + 40px));
+    --_base: currentColor;
+    --_highlight: var(
+        --shimmer-color,
+        oklch(from currentColor l c h / calc(alpha* 0.2))
+    );
+
+    background-image: var(
+        --shimmer-image,
+        linear-gradient(
+            calc(90deg + var(--shimmer-angle)),
+            var(--_base) calc(50% - var(--_spread)),
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% - var(--_spread) * 0.5),
+            var(--_highlight) 50%,
+            color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+                calc(50% + var(--_spread) * 0.5),
+            var(--_base) calc(50% + var(--_spread))
+        )
+    );
+    background-repeat: no-repeat;
+    background-size: calc(200% + var(--_spread) * 2) 100%;
+    background-position: 0 0;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+
+    @variant dark {
+        --_highlight: var(
+            --shimmer-color,
+            oklch(
+                from currentColor max(0.8, calc(l + 0.4)) c h /
+                    calc(alpha + 0.4)
+            )
+        );
+    }
+
+    &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+    }
+}
+
+@utility shimmer-once {
+    animation-iteration-count: 1;
+}
+
+@utility shimmer-reverse {
+    animation-direction: reverse;
+}
+
+@utility shimmer-none {
+    --shimmer-image: none;
+    --shimmer-text-fill: currentColor;
+}
+
+@utility shimmer-color-* {
+    --shimmer-color: --value(--color, [color]);
+    --shimmer-color: color-mix(
+        in oklch,
+        --value(--color, [color]) calc(--modifier(integer) * 1%),
+        transparent
+    );
+}
+
+@utility shimmer-duration-* {
+    --shimmer-duration: calc(--value(integer) * 1ms);
+}
+
+@utility shimmer-spread-* {
+    --shimmer-spread: calc(var(--spacing) * --value(integer));
+    --shimmer-spread: --value([length], [percentage]);
+}
+
+@utility shimmer-angle-* {
+    --shimmer-angle: calc(--value(integer) * 1deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .shimmer {
+        animation: none;
+        background-image: none;
+        -webkit-text-fill-color: currentColor;
+    }
+}
+```
+
+
+# Usage
+
+| Class                         | Styles                                                                                               |
+| ----------------------------- | ---------------------------------------------------------------------------------------------------- |
+| `shimmer`                     | `background-clip: text;` <br /> `animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;` |
+| `shimmer-once`                | `animation-iteration-count: 1;`                                                                      |
+| `shimmer-reverse`             | `animation-direction: reverse;`                                                                      |
+| `shimmer-none`                | `--shimmer-image: none;` <br /> `--shimmer-text-fill: currentColor;`                                 |
+| `shimmer-color-<color>`       | `--shimmer-color: <color>;`                                                                          |
+| `shimmer-color-[<value>]`     | `--shimmer-color: <value>;`                                                                          |
+| `shimmer-color-<color>/<pct>` | `--shimmer-color: color-mix(in oklch, <color> <pct>, transparent);`                                  |
+| `shimmer-duration-<number>`   | `--shimmer-duration: calc(<number> * 1ms);`                                                          |
+| `shimmer-spread-<number>`     | `--shimmer-spread: calc(var(--spacing) * <number>);`                                                 |
+| `shimmer-spread-[<value>]`    | `--shimmer-spread: <value>;`                                                                         |
+| `shimmer-angle-<number>`      | `--shimmer-angle: calc(<number> * 1deg);`                                                            |
+
+Add shimmer to a text element.
+
+```reflex
+rx.el.p("Generating response", class_name="shimmer text-muted-foreground w-fit")
+```
+
+The effect is pure CSS. The text is painted with `background-clip: text`, and the highlight sweeps across it in a seamless loop.
+
+>**Note**: If the **shimmer** utility isn't working properly, try adding **w-fit** to the text styling, as it ensures the animation doesn't exceed the inherit width of the text.
+
+# Color
+
+Use `shimmer-color-<color>` to set the highlight color explicitly. It accepts theme colors with an optional opacity modifier, or any arbitrary color value.
+
+--DEMO(shimmer_color)--
+
+# Duration
+
+Use `shimmer-duration-<number>` to set the duration of one sweep in milliseconds. The default is `2000`, i.e. `2s`.
+
+--DEMO(shimmer_duration)--
+
+# Spread
+
+Use `shimmer-spread-<number>` to set the width of the highlight band using the spacing scale. The default is `calc(3ch + 40px)`: a fixed base plus a `3ch` term that scales with the font size.
+
+--DEMO(shimmer_spread)--
+
+# Angle
+
+Use `shimmer-angle-<number>` to set the tilt of the highlight band in degrees. The default is `20`.
+
+--DEMO(shimmer_angle)--
+
+# Reverse
+
+Use `shimmer-reverse` to sweep the highlight in the opposite direction.
+
+--DEMO(shimmer_reverse)--
+
+# Play Once
+
+Use `shimmer-once` to play a single sweep instead of looping, useful as a reveal when streaming completes. Pair it with `shimmer-duration-<number>` to control how long the sweep takes.
+
+--DEMO(shimmer_once)--
+
+```reflex
+rx.el.p("Response Generated", class_name="shimmer shimmer-duration-1100 shimmer-once")
+```
+
+# Disabling the Shimmer
+
+Use `shimmer-none` to turn the effect off and render the text normally. It works in any class order, so the typical use is responsive or stateful.
+
+--DEMO(shimmer_none)--
diff --git a/scripts/generate_search_index.py b/scripts/generate_search_index.py
index 8c2a4d3..24f859b 100644
--- a/scripts/generate_search_index.py
+++ b/scripts/generate_search_index.py
@@ -1,38 +1,3 @@
-# import json
-# from pathlib import Path
-
-# from app.utils.routes import ALL_ROUTES
-
-
-# def generate_search_index(routes: dict[str, list[dict]]) -> None:
-#     data = []
-
-#     for section, pages in routes.items():
-#         for page in pages:
-#             data.append(
-#                 {
-#                     "section": section.replace("_", " ").title(),
-#                     "title": page["title"],
-#                     "description": page.get("description", ""),
-#                     "url": page["url"],
-#                 }
-#             )
-
-#     output_dir = Path("assets/fuse")
-#     output_dir.mkdir(parents=True, exist_ok=True)
-
-#     output_file = output_dir / "searchList.json"
-
-#     with output_file.open("w", encoding="utf-8") as f:
-#         json.dump(data, f, indent=2, ensure_ascii=False)
-
-#     print(f"Generated {output_file}")
-
-
-# if __name__ == "__main__":
-#     generate_search_index(ALL_ROUTES)
-
-
 """
 Generate assets/fuse/searchList.json combining:
   - buridan/ui routes (from ALL_ROUTES)