diff --git a/src/lib/components/Inputs/Link.svelte b/src/lib/components/Inputs/Link.svelte
index ed9391f..8c535f9 100644
--- a/src/lib/components/Inputs/Link.svelte
+++ b/src/lib/components/Inputs/Link.svelte
@@ -1,15 +1,17 @@
 <script>
 	export let href,
+		download,
 		style = 'link';
 </script>
 
 {#if style === 'link'}
-	<a {href} class="text-blue-500">
+	<a {href} {download} class="text-blue-500">
 		<slot />
 	</a>
 {:else if style === 'button'}
 	<a
 		{href}
+		{download}
 		class="flex p-2 space-x-2 rounded-lg border-b-2 hadow-md bg-crust border-overlay2 hover:border-overlay0 group-disabled/button:border-overlay0 group-disabled/button:hover:border-overlay0"
 	>
 		<slot />
diff --git a/src/routes/(app)/documentation/+page.svelte b/src/routes/(app)/documentation/+page.svelte
index 67d98d2..fb7ce89 100644
--- a/src/routes/(app)/documentation/+page.svelte
+++ b/src/routes/(app)/documentation/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import Button from '$lib/components/Inputs/Button.svelte';
+	import Link from '$lib/components/Inputs/Link.svelte';
 	import { API_KEY_PERMISSIONS } from '$lib/config';
 	import { get } from 'svelte/store';
 
@@ -36,3 +37,7 @@
 <Button {click}>The sharex button in question</Button>
 
 <tt class="block mt-3 whitespace-pre-wrap">{awesome}</tt>
+
+{#if awesome}
+	<Link href="data:text/plain;base64,{btoa(awesome)}" download={'uploader.sxcu'}>Download</Link>
+{/if}