diff --git a/src/gql/Mutations.gql b/src/gql/Mutations.gql
index 89e6bab3..1084c6b3 100644
--- a/src/gql/Mutations.gql
+++ b/src/gql/Mutations.gql
@@ -135,6 +135,7 @@ mutation updateExtension(
 					isNsfw
 					extension {
 						pkgName
+						repo
 					}
 				}
 			}
@@ -412,3 +413,21 @@ mutation clearCachedImages {
 		clientMutationId
 	}
 }
+
+mutation installExternalExtension($extensionFile: Upload!) {
+	installExternalExtension(input: { extensionFile: $extensionFile }) {
+		extension {
+			...ExtensionTypeFragment
+			source {
+				nodes {
+					...SourceTypeFragment
+					isNsfw
+					extension {
+						pkgName
+						repo
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/src/gql/Queries.gql b/src/gql/Queries.gql
index 4f59fdc2..4b3df9ef 100644
--- a/src/gql/Queries.gql
+++ b/src/gql/Queries.gql
@@ -69,6 +69,7 @@ query sources($isNsfw: Boolean = null) {
 			isNsfw
 			extension {
 				pkgName
+				repo
 			}
 		}
 	}
diff --git a/src/lib/generated.ts b/src/lib/generated.ts
index 387f75e6..13143eff 100644
--- a/src/lib/generated.ts
+++ b/src/lib/generated.ts
@@ -2232,7 +2232,7 @@ export type UpdateExtensionMutationVariables = Exact<{
 }>;
 
 
-export type UpdateExtensionMutation = { __typename?: 'Mutation', updateExtension: { __typename?: 'UpdateExtensionPayload', extension?: { __typename?: 'ExtensionType', name: string, repo?: string | null, versionName: string, pkgName: string, lang: string, iconUrl: string, isNsfw: boolean, isInstalled: boolean, isObsolete: boolean, hasUpdate: boolean, source: { __typename?: 'SourceNodeList', nodes: Array<{ __typename?: 'SourceType', isNsfw: boolean, id: any, displayName: string, iconUrl: string, lang: string, extension: { __typename?: 'ExtensionType', pkgName: string } }> } } | null } };
+export type UpdateExtensionMutation = { __typename?: 'Mutation', updateExtension: { __typename?: 'UpdateExtensionPayload', extension?: { __typename?: 'ExtensionType', name: string, repo?: string | null, versionName: string, pkgName: string, lang: string, iconUrl: string, isNsfw: boolean, isInstalled: boolean, isObsolete: boolean, hasUpdate: boolean, source: { __typename?: 'SourceNodeList', nodes: Array<{ __typename?: 'SourceType', isNsfw: boolean, id: any, displayName: string, iconUrl: string, lang: string, extension: { __typename?: 'ExtensionType', pkgName: string, repo?: string | null } }> } } | null } };
 
 export type FetchSourceMangaMutationVariables = Exact<{
   page: Scalars['Int']['input'];
@@ -2400,6 +2400,13 @@ export type ClearCachedImagesMutationVariables = Exact<{ [key: string]: never; }
 
 export type ClearCachedImagesMutation = { __typename?: 'Mutation', clearCachedImages: { __typename?: 'ClearCachedImagesPayload', clientMutationId?: string | null } };
 
+export type InstallExternalExtensionMutationVariables = Exact<{
+  extensionFile: Scalars['Upload']['input'];
+}>;
+
+
+export type InstallExternalExtensionMutation = { __typename?: 'Mutation', installExternalExtension: { __typename?: 'InstallExternalExtensionPayload', extension: { __typename?: 'ExtensionType', name: string, repo?: string | null, versionName: string, pkgName: string, lang: string, iconUrl: string, isNsfw: boolean, isInstalled: boolean, isObsolete: boolean, hasUpdate: boolean, source: { __typename?: 'SourceNodeList', nodes: Array<{ __typename?: 'SourceType', isNsfw: boolean, id: any, displayName: string, iconUrl: string, lang: string, extension: { __typename?: 'ExtensionType', pkgName: string, repo?: string | null } }> } } } };
+
 export type CategoriesQueryVariables = Exact<{
   notEqualTo?: InputMaybe<Scalars['Int']['input']>;
 }>;
@@ -2440,7 +2447,7 @@ export type SourcesQueryVariables = Exact<{
 }>;
 
 
-export type SourcesQuery = { __typename?: 'Query', sources: { __typename?: 'SourceNodeList', nodes: Array<{ __typename?: 'SourceType', isNsfw: boolean, id: any, displayName: string, iconUrl: string, lang: string, extension: { __typename?: 'ExtensionType', pkgName: string } }> } };
+export type SourcesQuery = { __typename?: 'Query', sources: { __typename?: 'SourceNodeList', nodes: Array<{ __typename?: 'SourceType', isNsfw: boolean, id: any, displayName: string, iconUrl: string, lang: string, extension: { __typename?: 'ExtensionType', pkgName: string, repo?: string | null } }> } };
 
 export type SourcesMigrationQueryVariables = Exact<{ [key: string]: never; }>;
 
@@ -2749,6 +2756,7 @@ export const UpdateExtensionDoc = gql`
           isNsfw
           extension {
             pkgName
+            repo
           }
         }
       }
@@ -3018,6 +3026,26 @@ export const ClearCachedImagesDoc = gql`
   }
 }
     `;
+export const InstallExternalExtensionDoc = gql`
+    mutation installExternalExtension($extensionFile: Upload!) {
+  installExternalExtension(input: {extensionFile: $extensionFile}) {
+    extension {
+      ...ExtensionTypeFragment
+      source {
+        nodes {
+          ...SourceTypeFragment
+          isNsfw
+          extension {
+            pkgName
+            repo
+          }
+        }
+      }
+    }
+  }
+}
+    ${ExtensionTypeFragmentFragmentDoc}
+${SourceTypeFragmentFragmentDoc}`;
 export const CategoriesDoc = gql`
     query categories($notEqualTo: Int = null) {
   categories(filter: {id: {notEqualTo: $notEqualTo}}) {
@@ -3087,6 +3115,7 @@ export const SourcesDoc = gql`
       isNsfw
       extension {
         pkgName
+        repo
       }
     }
   }
@@ -3830,6 +3859,18 @@ export const clearCachedImages = (
             });
             return m;
           }
+export const installExternalExtension = (
+            options: Omit<
+              MutationOptions<any, InstallExternalExtensionMutationVariables>, 
+              "mutation"
+            >
+          ) => {
+            const m = client.mutate<InstallExternalExtensionMutation, InstallExternalExtensionMutationVariables>({
+              mutation: InstallExternalExtensionDoc,
+              ...options,
+            });
+            return m;
+          }
 export const categories = (
             options: Omit<
               WatchQueryOptions<CategoriesQueryVariables>, 
diff --git a/src/routes/(app)/browse/extensions/+page.svelte b/src/routes/(app)/browse/extensions/+page.svelte
index 4ce68e76..86ea4395 100644
--- a/src/routes/(app)/browse/extensions/+page.svelte
+++ b/src/routes/(app)/browse/extensions/+page.svelte
@@ -9,12 +9,10 @@
 <script lang="ts">
 	import { AppBarData } from '$lib/MountTitleAction';
 	import {
-		ExtensionsDoc,
 		fetchExtensions,
 		extensions as getExtensions,
 		type Exact,
 		type ExtensionsQuery,
-		type FetchExtensionsMutation,
 		type InputMaybe
 	} from '$lib/generated';
 	import { ErrorHelp, Partition, groupBy } from '$lib/util';
@@ -24,10 +22,9 @@
 	import Nav from '../Nav.svelte';
 	import { FindLangName } from '../languages';
 	import ExtensionsActions from './ExtensionsActions.svelte';
-	import { langFilter, lastFetched } from './ExtensionsStores';
+	import { fetchExtensionsUpdater, langFilter, lastFetched } from './ExtensionsStores';
 	import ExtensionCard from './ExtensionCard.svelte';
 	import { Meta } from '$lib/simpleStores';
-	import type { ApolloCache, FetchResult } from '@apollo/client';
 
 	const query = queryParam('q', ssp.string(), { pushHistory: false });
 	type TExtension = ExtensionsQuery['extensions']['nodes'][0];
@@ -46,33 +43,21 @@
 	checkIfFetchNewExtensions();
 
 	async function checkIfFetchNewExtensions() {
-		await ErrorHelp(
-			'failed to fetch new extensions',
-			fetchExtensions({
-				update: fetchExtensionsUpdater
-			})
-		);
+		if ($lastFetched.getTime() > new Date().getTime() - 60000) {
+			await ErrorHelp(
+				'failed to fetch new extensions',
+				fetchExtensions({
+					update: fetchExtensionsUpdater
+				})
+			);
+			$lastFetched = new Date();
+		}
 		extensions = getExtensions({
 			variables: { isNsfw: $Meta.nsfw ? null : false },
 			fetchPolicy: 'cache-first'
 		});
 	}
 
-	function fetchExtensionsUpdater(
-		cache: ApolloCache<unknown>,
-		{ data }: FetchResult<FetchExtensionsMutation>
-	) {
-		if (!data) return;
-		let filteredExtensions = data.fetchExtensions.extensions;
-		if (!$Meta.nsfw) filteredExtensions = filteredExtensions.filter((e) => !e.isNsfw);
-		cache.writeQuery({
-			query: ExtensionsDoc,
-			data: { extensions: { nodes: filteredExtensions } },
-			variables: { isNsfw: $Meta.nsfw ? null : false }
-		});
-		$lastFetched = new Date();
-	}
-
 	$: langs = getLangs($extensions?.data);
 	$: AppBarData('Extensions', { component: ExtensionsActions, props: { langs } });
 
@@ -156,7 +141,7 @@
 				<h2 class="h2 p-2">
 					{FindLangName(lang)}
 				</h2>
-				{#each sause as ext (ext.pkgName)}
+				{#each sause as ext (ext.pkgName + ext.repo)}
 					<ExtensionCard {ext} {scrollingElement} />
 				{/each}
 			{/each}
diff --git a/src/routes/(app)/browse/extensions/ExtensionCard.svelte b/src/routes/(app)/browse/extensions/ExtensionCard.svelte
index e3e8fa2e..92588a77 100644
--- a/src/routes/(app)/browse/extensions/ExtensionCard.svelte
+++ b/src/routes/(app)/browse/extensions/ExtensionCard.svelte
@@ -10,91 +10,37 @@
 	import IntersectionObserver from '$lib/components/IntersectionObserver.svelte';
 	import Image from '$lib/components/Image.svelte';
 	import {
-		ExtensionsDoc,
-		SourcesDoc,
 		updateExtension,
 		type ExtensionsQuery,
-		type SourcesQuery,
 		type UpdateExtensionMutation
 	} from '$lib/generated';
-	import type { ApolloCache, FetchResult } from '@apollo/client';
 	import { ErrorHelp } from '$lib/util';
 	import { ProgressRadial } from '@skeletonlabs/skeleton';
-	import { Meta } from '$lib/simpleStores';
+	import { UpdateExtensionUpdater } from './ExtensionsStores';
+	import type { ApolloCache, FetchResult } from '@apollo/client';
 
 	export let scrollingElement: HTMLDivElement;
 	export let ext: ExtensionsQuery['extensions']['nodes'][0];
 
+	function preUpdater(
+		cache: ApolloCache<unknown>,
+		{ data }: Omit<FetchResult<UpdateExtensionMutation>, 'context'>
+	) {
+		UpdateExtensionUpdater(cache, { data }, ext);
+	}
+
 	let loadingUpdate = false;
 	let loadingInstall = false;
 	let loadingUnInstall = false;
 
-	function UpdateExtensionUpdater(
-		cache: ApolloCache<unknown>,
-		{ data }: Omit<FetchResult<UpdateExtensionMutation>, 'context'>,
-		pkgName: string
-	): void {
-		if (!data) return;
-		try {
-			const extensionsData = structuredClone(
-				cache.readQuery<ExtensionsQuery>({
-					query: ExtensionsDoc,
-					variables: { isNsfw: $Meta.nsfw ? null : false }
-				})
-			);
-			if (!extensionsData) throw new Error('failed to read extensions');
-			const { extensions } = extensionsData;
-
-			if (data.updateExtension.extension)
-				extensions.nodes[extensions.nodes.findIndex((extension) => extension.pkgName === pkgName)] =
-					data.updateExtension.extension;
-
-			cache.writeQuery({
-				query: ExtensionsDoc,
-				data: { extensions },
-				variables: { isNsfw: $Meta.nsfw ? null : false }
-			});
-		} catch {}
-		const sourcesData = structuredClone(
-			cache.readQuery<SourcesQuery>({
-				query: SourcesDoc,
-				variables: { isNsfw: $Meta.nsfw ? null : false }
-			})
-		);
-		if (!sourcesData) return;
-		const { sources } = sourcesData;
-
-		if (data.updateExtension.extension?.isInstalled) {
-			const sourcesToPush: SourcesQuery['sources']['nodes'] = [];
-			data.updateExtension.extension.source.nodes.forEach((source) => {
-				if (!sources.nodes.find((existingSource) => existingSource.id === source.id)) {
-					sourcesToPush.push(source);
-				}
-			});
-			sources.nodes.push(...sourcesToPush);
-		} else {
-			sources.nodes = sources.nodes.filter(
-				(existingSource) => existingSource.extension.pkgName !== pkgName
-			);
-		}
-
-		cache.writeQuery({
-			query: SourcesDoc,
-			variables: { isNsfw: $Meta.nsfw ? null : false },
-			data: { sources }
-		});
-	}
-
-	async function unInstall(pkgName: string) {
+	async function unInstall() {
 		loadingUnInstall = true;
 		try {
 			await ErrorHelp(
 				'failed to Uninstall extension',
 				updateExtension({
-					variables: { pkgName, uninstall: true },
-					update: (cache, data) => {
-						UpdateExtensionUpdater(cache, data, pkgName);
-					}
+					variables: { pkgName: ext.pkgName, uninstall: true },
+					update: preUpdater
 				})
 			);
 		} finally {
@@ -102,16 +48,14 @@
 		}
 	}
 
-	async function Install(pkgName: string) {
+	async function Install() {
 		loadingInstall = true;
 		try {
 			await ErrorHelp(
 				'Failed to Install extension',
 				updateExtension({
-					variables: { pkgName, install: true },
-					update: (cache, data) => {
-						UpdateExtensionUpdater(cache, data, pkgName);
-					}
+					variables: { pkgName: ext.pkgName, install: true },
+					update: preUpdater
 				})
 			);
 		} finally {
@@ -119,16 +63,14 @@
 		}
 	}
 
-	async function Update(pkgName: string) {
+	async function Update() {
 		loadingUpdate = true;
 		try {
 			await ErrorHelp(
 				'Failed to Update extension',
 				updateExtension({
-					variables: { pkgName, update: true },
-					update: (cache, data) => {
-						UpdateExtensionUpdater(cache, data, pkgName);
-					}
+					variables: { pkgName: ext.pkgName, update: true },
+					update: preUpdater
 				})
 			);
 		} finally {
@@ -163,7 +105,7 @@
 			</div>
 			<div class="flex flex-wrap flex-1 justify-end">
 				{#if ext.isObsolete}
-					<button on:click={() => unInstall(ext.pkgName)} class="btn variant-ghost-error m-1">
+					<button on:click={() => unInstall()} class="btn variant-ghost-error m-1">
 						{#if loadingUnInstall}
 							Uninstalling<ProgressRadial class="ml-1 h-4 aspect-square w-auto" />
 						{:else}
@@ -172,7 +114,7 @@
 					</button>
 				{:else if ext.isInstalled}
 					{#if ext.hasUpdate}
-						<button on:click={() => Update(ext.pkgName)} class="btn variant-ghost-surface m-1">
+						<button on:click={() => Update()} class="btn variant-ghost-surface m-1">
 							{#if loadingUpdate}
 								Updating<ProgressRadial class="ml-1 h-4 aspect-square w-auto" />
 							{:else}
@@ -180,7 +122,7 @@
 							{/if}
 						</button>
 					{/if}
-					<button on:click={() => unInstall(ext.pkgName)} class="btn variant-ghost-surface m-1">
+					<button on:click={() => unInstall()} class="btn variant-ghost-surface m-1">
 						{#if loadingUnInstall}
 							Uninstalling<ProgressRadial class="ml-1 h-4 aspect-square w-auto" />
 						{:else}
@@ -188,7 +130,7 @@
 						{/if}
 					</button>
 				{:else}
-					<button on:click={() => Install(ext.pkgName)} class="btn variant-ghost-surface m-1">
+					<button on:click={() => Install()} class="btn variant-ghost-surface m-1">
 						{#if loadingInstall}
 							Installing<ProgressRadial class="ml-1 h-4 aspect-square w-auto" />
 						{:else}
diff --git a/src/routes/(app)/browse/extensions/ExtensionsActions.svelte b/src/routes/(app)/browse/extensions/ExtensionsActions.svelte
index e6bdb87b..961dd18d 100644
--- a/src/routes/(app)/browse/extensions/ExtensionsActions.svelte
+++ b/src/routes/(app)/browse/extensions/ExtensionsActions.svelte
@@ -7,13 +7,72 @@
 -->
 
 <script lang="ts">
-	import { langFilter } from './ExtensionsStores';
+	import {
+		fetchExtensionsUpdater,
+		installExternalExtensionUpdater,
+		langFilter,
+		lastFetched
+	} from './ExtensionsStores';
 	import Search from '$lib/components/Search.svelte';
 	import LangFilterButton from '$lib/components/LangFilterButton.svelte';
+	import { fetchExtensions, installExternalExtension } from '$lib/generated';
+	import { ErrorHelp } from '$lib/util';
+	import TooltipIconButton from '$lib/components/TooltipIconButton.svelte';
+	import { FileButton } from '@skeletonlabs/skeleton';
+	import Tooltip from '$lib/components/Tooltip.svelte';
+	import IconWrapper from '$lib/components/IconWrapper.svelte';
 	export let langs: Set<string>;
+	let loading = false;
+	async function handelRefresh() {
+		loading = true;
+		await ErrorHelp(
+			'failed to fetch new extensions',
+			fetchExtensions({
+				update: fetchExtensionsUpdater
+			})
+		);
+		$lastFetched = new Date();
+		loading = false;
+	}
+
+	let files: FileList | undefined;
+	function onChangeHandler(): void {
+		ErrorHelp(
+			'failed to install external extension',
+			installExternalExtension({
+				variables: { extensionFile: files?.[0] },
+				update: installExternalExtensionUpdater
+			})
+		);
+	}
 </script>
 
 <div class="h-full flex">
 	<Search />
+	<TooltipIconButton
+		on:click={handelRefresh}
+		tipclass="z-20"
+		tip="refresh extensions list"
+		name="mdi:refresh"
+		hover={loading ? '' : 'hover:variant-glass-surface'}
+		class={loading && 'animate-spin'}
+	/>
+	<Tooltip
+		tipclass="z-20"
+		placement="top"
+		tip="install external extension"
+		class=" cursor-pointer h-full"
+	>
+		<FileButton
+			class="h-full aspect-square hover:variant-glass-surface"
+			button=""
+			name="files2"
+			accept=".apk"
+			on:change={onChangeHandler}
+			bind:files
+		>
+			<IconWrapper name="mdi:plus" width="100%" height="100%" class="text-5xl  m-0 p-2" />
+		</FileButton>
+	</Tooltip>
 	<LangFilterButton {langFilter} {langs} />
 </div>
diff --git a/src/routes/(app)/browse/extensions/ExtensionsStores.ts b/src/routes/(app)/browse/extensions/ExtensionsStores.ts
index ac7d29b3..dad4942f 100644
--- a/src/routes/(app)/browse/extensions/ExtensionsStores.ts
+++ b/src/routes/(app)/browse/extensions/ExtensionsStores.ts
@@ -6,6 +6,18 @@
 
 import { localStorageStore } from '@skeletonlabs/skeleton';
 import * as devalue from 'devalue';
+import {
+	ExtensionsDoc,
+	SourcesDoc,
+	type ExtensionsQuery,
+	type FetchExtensionsMutation,
+	type InstallExternalExtensionMutation,
+	type SourcesQuery,
+	type UpdateExtensionMutation
+} from '$lib/generated';
+import { Meta } from '$lib/simpleStores';
+import type { ApolloCache, FetchResult } from '@apollo/client';
+import { get } from 'svelte/store';
 
 export const lastFetched = localStorageStore<Date>('lastFetchedExtensions', new Date(0), {
 	serializer: devalue
@@ -18,3 +30,117 @@ export const langFilter = localStorageStore<Set<string>>(
 		serializer: devalue
 	}
 );
+
+export function fetchExtensionsUpdater(
+	cache: ApolloCache<unknown>,
+	{ data }: FetchResult<FetchExtensionsMutation>
+) {
+	if (!data) return;
+	let filteredExtensions = data.fetchExtensions.extensions;
+	if (!get(Meta).nsfw) filteredExtensions = filteredExtensions.filter((e) => !e.isNsfw);
+	cache.writeQuery({
+		query: ExtensionsDoc,
+		data: { extensions: { nodes: filteredExtensions } },
+		variables: { isNsfw: get(Meta).nsfw ? null : false }
+	});
+	lastFetched.set(new Date());
+}
+
+function updateExtentionsList(
+	cache: ApolloCache<unknown>,
+	extension: UpdateExtensionMutation['updateExtension']['extension'],
+	ext: ExtensionsQuery['extensions']['nodes'][0]
+) {
+	const extensionsData = structuredClone(
+		cache.readQuery<ExtensionsQuery>({
+			query: ExtensionsDoc,
+			variables: { isNsfw: get(Meta).nsfw ? null : false }
+		})
+	);
+	if (!extensionsData) throw new Error('failed to read extensions');
+	const { extensions } = extensionsData;
+
+	if (extension) {
+		const index = extensions.nodes.findIndex(
+			(extension) => extension.pkgName === ext.pkgName && extension.repo === ext.repo
+		);
+		if (index) extensions.nodes[index] = extension;
+		else extensions.nodes.push(extension);
+	}
+
+	cache.writeQuery({
+		query: ExtensionsDoc,
+		data: { extensions },
+		variables: { isNsfw: get(Meta).nsfw ? null : false }
+	});
+}
+
+function updateSourcesList(
+	cache: ApolloCache<unknown>,
+	extension: UpdateExtensionMutation['updateExtension']['extension'],
+	ext: ExtensionsQuery['extensions']['nodes'][0]
+) {
+	const sourcesData = structuredClone(
+		cache.readQuery<SourcesQuery>({
+			query: SourcesDoc,
+			variables: { isNsfw: get(Meta).nsfw ? null : false }
+		})
+	);
+	if (!sourcesData) throw new Error('failed to read sources');
+	const { sources } = sourcesData;
+
+	if (extension?.isInstalled) {
+		extension.source.nodes.forEach((source) => {
+			if (!sources.nodes.find((existingSource) => existingSource.id === source.id)) {
+				sources.nodes.push(source);
+			}
+		});
+	} else {
+		sources.nodes = sources.nodes.filter(
+			(existingSource) =>
+				existingSource.extension.repo !== ext.repo ||
+				existingSource.extension.pkgName !== ext.pkgName
+		);
+	}
+
+	cache.writeQuery({
+		query: SourcesDoc,
+		variables: { isNsfw: get(Meta).nsfw ? null : false },
+		data: { sources }
+	});
+}
+
+export function UpdateExtensionUpdater(
+	cache: ApolloCache<unknown>,
+	{ data }: Omit<FetchResult<UpdateExtensionMutation>, 'context'>,
+	ext: ExtensionsQuery['extensions']['nodes'][0]
+): void {
+	if (!data) return;
+	try {
+		updateExtentionsList(cache, data.updateExtension.extension, ext);
+	} catch {}
+	try {
+		updateSourcesList(cache, data.updateExtension.extension, ext);
+	} catch {}
+}
+
+export function installExternalExtensionUpdater(
+	cache: ApolloCache<unknown>,
+	{ data }: FetchResult<InstallExternalExtensionMutation>
+) {
+	if (!data) return;
+	try {
+		updateExtentionsList(
+			cache,
+			data.installExternalExtension.extension,
+			data.installExternalExtension.extension
+		);
+	} catch {}
+	try {
+		updateSourcesList(
+			cache,
+			data.installExternalExtension.extension,
+			data.installExternalExtension.extension
+		);
+	} catch {}
+}