+```
diff --git a/src/Toolkit/kits/shadcn/spinner/manifest.json b/src/Toolkit/kits/shadcn/spinner/manifest.json
new file mode 100644
index 00000000000..f271630d517
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/spinner/manifest.json
@@ -0,0 +1,12 @@
+{
+ "$schema": "../../../schema-kit-recipe-v1.json",
+ "type": "component",
+ "name": "Spinner",
+ "description": "An indicator that can be used to show a loading state.",
+ "copy-files": {
+ "templates/": "templates/"
+ },
+ "dependencies": {
+ "composer": ["symfony/ux-icons", "tales-from-a-dev/twig-tailwind-extra"]
+ }
+}
diff --git a/src/Toolkit/kits/shadcn/spinner/templates/components/Spinner.html.twig b/src/Toolkit/kits/shadcn/spinner/templates/components/Spinner.html.twig
new file mode 100644
index 00000000000..7229f2d053d
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/spinner/templates/components/Spinner.html.twig
@@ -0,0 +1,9 @@
+{%- props label = 'Loading' -%}
+
+{{ ux_icon('lucide:loader-2', {
+ 'data-slot': 'spinner',
+ 'aria-label': label,
+ role: 'status',
+ class: 'size-4 animate-spin ' ~ attributes.render('class')|tailwind_merge,
+ ...attributes.without('class'),
+}) }}
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 1__1.html
new file mode 100644
index 00000000000..b1c8738b794
--- /dev/null
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 1__1.html
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 2__1.html
new file mode 100644
index 00000000000..9e130f4d021
--- /dev/null
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 2__1.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 3__1.html
new file mode 100644
index 00000000000..9274bef9320
--- /dev/null
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 3__1.html
@@ -0,0 +1,26 @@
+
+