diff --git a/src/routes/components/components.json b/src/routes/components/components.json
index 4f6f65101..ffc841658 100644
--- a/src/routes/components/components.json
+++ b/src/routes/components/components.json
@@ -2705,5 +2705,151 @@
 		"addedOn": "2023-08-14",
 		"category": "Data Visualisation",
 		"tags": ["components and libraries", "images"]
+	},
+	{
+		"title": "svelte-transition",
+		"url": "https://captaincodeman.github.io/svelte-headlessui/transition/",
+		"repository": "https://github.com/captaincodeman/svelte-transition",
+		"description": "Svelte component to apply CSS classes matching the syntax in TailwindUI components",
+		"npm": "svelte-transition",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "animations", "typescript"]
+	},
+	{
+		"title": "svelte-headlessui",
+		"url": "https://captaincodeman.github.io/svelte-headlessui/",
+		"repository": "https://github.com/captaincodeman/svelte-headlessui",
+		"description": "A very lightweight unofficial implementation of Tailwind HeadlessUI",
+		"npm": "svelte-headlessui",
+		"addedOn": "2023-08-16",
+		"category": "Design System",
+		"tags": ["components and libraries", "component sets", "typescript"]
+	},
+	{
+		"title": "svelte-color-select",
+		"url": "https://captaincodeman.github.io/svelte-color-select/",
+		"repository": "https://github.com/captaincodeman/svelte-color-select",
+		"description": "OKHSV Color Selection component for Svelte using OKLab perceptual colorspace",
+		"npm": "svelte-color-select",
+		"addedOn": "2023-08-16",
+		"category": "",
+		"tags": ["components and libraries", "typescript"]
+	},
+	{
+		"title": "svelte-form-helper",
+		"url": "https://captaincodeman.github.io/svelte-form-helper/",
+		"repository": "https://github.com/captaincodeman/svelte-form-helper",
+		"description": "Lightweight helper for form validation with Svelte",
+		"npm": "svelte-form-helper",
+		"addedOn": "2023-08-16",
+		"category": "Forms & User Input",
+		"tags": [
+			"inputs and widgets",
+			"forms and validation",
+			"validation",
+			"typescript",
+			"components and libraries"
+		]
+	},
+	{
+		"title": "svelte-theme-select",
+		"url": "https://captaincodeman.github.io/svelte-theme-select/",
+		"repository": "https://github.com/captaincodeman/svelte-theme-select",
+		"description": "Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS",
+		"npm": "svelte-theme-select",
+		"addedOn": "2023-08-16",
+		"category": "",
+		"tags": ["components and libraries", "typescript"]
+	},
+	{
+		"title": "svelte-pan-zoom",
+		"url": "https://captaincodeman.github.io/svelte-pan-zoom/",
+		"repository": "https://github.com/captaincodeman/svelte-pan-zoom",
+		"description": "HTML Canvas Element Pan and Zoom action for Svelte",
+		"npm": "svelte-pan-zoom",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "images", "typescript"]
+	},
+	{
+		"title": "svelte-deep-zoom",
+		"url": "https://captaincodeman.github.io/svelte-deep-zoom",
+		"repository": "https://github.com/captaincodeman/svelte-deep-zoom",
+		"description": "Svelte component to render interactive Deep Zoom images (tiled image pyramids). Similar to Open SeaDragon but smaller",
+		"npm": "svelte-deep-zoom",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "images", "typescript"]
+	},
+	{
+		"title": "svelte-resize-observer-action",
+		"url": "https://captaincodeman.github.io/svelte-resize-observer-action/",
+		"repository": "https://github.com/captaincodeman/svelte-resize-observer-action",
+		"description": "Svelte use:action for element resize notifications using ResizeObserver",
+		"npm": "svelte-resize-observer-action",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "typescript"]
+	},
+	{
+		"title": "svelte-image-comparison",
+		"url": "https://captaincodeman.github.io/svelte-image-comparison",
+		"repository": "https://github.com/captaincodeman/svelte-image-comparison",
+		"description": "Svelte component onion-skin comparison of image or canvas elements",
+		"npm": "svelte-image-comparison",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "images", "typescript"]
+	},
+	{
+		"title": "svelte-relative-time",
+		"url": "https://captaincodeman.github.io/svelte-relative-time/",
+		"repository": "https://github.com/captaincodeman/svelte-relative-time/",
+		"description": "Tiny Svelte action and Component to render live-updating relative times",
+		"npm": "svelte-relative-time",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "animations", "typescript"]
+	},
+	{
+		"title": "svelte-signature-pad",
+		"url": "https://captaincodeman.github.io/svelte-signature-pad/",
+		"repository": "https://github.com/captaincodeman/svelte-signature-pad",
+		"description": "Svelte Action to capture smoothed signatures as SVG paths using the perfect-freehand library.",
+		"npm": "svelte-signature-pad",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "images", "typescript"]
+	},
+	{
+		"title": "svelte-disable-preload",
+		"url": "https://github.com/captaincodeman/svelte-disable-preload",
+		"repository": "https://github.com/captaincodeman/svelte-disable-preload",
+		"description": "Action to block preload event listeners for smoother canvas animations",
+		"npm": "svelte-disable-preload",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "typescript"]
+	},
+	{
+		"title": "svelte-kit-bot-block",
+		"url": "https://github.com/captaincodeman/svelte-kit-bot-block",
+		"repository": "https://github.com/captaincodeman/svelte-kit-bot-block",
+		"description": "SvelteKit middleware hook to block bots and scripts early",
+		"npm": "svelte-kit-bot-block",
+		"addedOn": "2023-08-16",
+		"category": "",
+		"tags": ["integrations", "typescript"]
+	},
+	{
+		"title": "svelte-intersection-observer-action",
+		"url": "https://captaincodeman.github.io/svelte-intersection-observer-action/",
+		"repository": "https://github.com/captaincodeman/svelte-intersection-observer-action",
+		"description": "Svelte use:action for element position notifications using IntersectionObserver",
+		"npm": "svelte-intersection-observer-action",
+		"addedOn": "2023-08-16",
+		"category": "User Interaction",
+		"tags": ["components and libraries", "typescript"]
 	}
 ]