diff --git a/src/lib/stores/oauth-providers.ts b/src/lib/stores/oauth-providers.ts
index 46487d9327..58b05aadd9 100644
--- a/src/lib/stores/oauth-providers.ts
+++ b/src/lib/stores/oauth-providers.ts
@@ -8,7 +8,7 @@ import Main from '$routes/(console)/project-[region]-[project]/auth/(providers)/
 import Microsoft from '$routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte';
 import Oidc from '$routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte';
 import Okta from '$routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte';
-
+import Kakao from '$routes/(console)/project-[region]-[project]/auth/(providers)/kakaoOAuth.svelte';
 export type Provider = {
     name: string;
     icon: string;
@@ -125,6 +125,12 @@ export const oAuthProviders: Record<string, Provider> = {
         docs: 'https://support.google.com/googleapi/answer/6158849',
         component: Google
     },
+    kakao: {
+        name: 'Kakao',
+        icon: 'kakao',
+        docs: 'https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api',
+        component: Kakao
+    },
     linkedin: {
         name: 'LinkedIn',
         icon: 'linkedin',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/kakaoOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/kakaoOAuth.svelte
new file mode 100644
index 0000000000..1e5ff5819a
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/kakaoOAuth.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { Alert, CopyInput, Modal } from '$lib/components';
+    import { Button, FormList, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
+    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
+    import { getApiEndpoint } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+    import { onMount } from 'svelte';
+    import { updateOAuth } from '../updateOAuth';
+
+    const projectId = $page.params.project;
+
+    export let provider: Models.AuthProvider;
+    export let show = false;
+
+    let enabled: boolean = null;
+    let appId: string = null;
+    let secret: string = null;
+    let oAuthProvider: Provider;
+
+    onMount(() => {
+        enabled ??= provider.enabled;
+        appId ??= provider.appId;
+        secret ??= provider.secret;
+        oAuthProvider = oAuthProviders[provider.key];
+    });
+
+    let error: string;
+
+    const update = async () => {
+        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
+
+        if (result.status === 'error') {
+            error = result.message;
+        } else {
+            provider = null;
+        }
+    };
+</script>
+
+<Modal {error} size="big" bind:show onSubmit={update} on:close>
+    <svelte:fragment slot="title">{provider.name} OAuth2 Settings</svelte:fragment>
+    <FormList>
+        <p>
+            To use {provider.name} authentication in your application, first fill in this form. For more
+            info you can
+            <a class="link" href={oAuthProvider?.docs} target="_blank" rel="noopener noreferrer"
+                >visit the docs.</a>
+        </p>
+        <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
+        <InputText
+            id="appID"
+            label="App ID"
+            autofocus={true}
+            placeholder="Enter ID"
+            bind:value={appId} />
+        <InputPassword
+            id="secret"
+            label="App Secret"
+            placeholder="Enter App Secret"
+            minlength={0}
+            showPasswordButton
+            bind:value={secret} />
+        <Alert type="info">
+            To complete the setup, create a Kakao OAuth2 app and add this redirect URI to your Kakao developer console.
+        </Alert>
+        <div>
+            <p>Redirect URI</p>
+            <CopyInput
+                value={`${getApiEndpoint($page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
+        </div>
+    </FormList>
+    <svelte:fragment slot="footer">
+        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
+        <Button
+            disabled={!appId ||
+                (appId === provider.appId &&
+                    secret === provider.secret &&
+                    enabled === provider.enabled)}
+            submit>Update</Button>
+    </svelte:fragment>
+</Modal>
\ No newline at end of file
diff --git a/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts b/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
index 5ada367479..ecc03ad6c6 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
@@ -18,7 +18,10 @@ type Return = {
     status: 'success' | 'error';
     message?: string;
 };
-
+const ExtendedOAuthProvider = {
+  ...OAuthProvider,
+  Kakao: 'kakao'
+};
 export async function updateOAuth({
     projectId,
     provider,
@@ -27,12 +30,13 @@ export async function updateOAuth({
     enabled
 }: Args): Promise<Return> {
     try {
-        if (!isValueOfStringEnum(OAuthProvider, provider.key)) {
+      if (!isValueOfStringEnum(ExtendedOAuthProvider, provider.key)) {
+          console.log(OAuthProvider);
             throw new Error(`Invalid OAuth2 provider: ${provider.key}`);
         }
         await sdk.forConsole.projects.updateOAuth2(
             projectId,
-            provider.key,
+            provider.key as OAuthProvider,
             appId || undefined,
             secret || undefined,
             enabled
diff --git a/static/icons/dark/color/kakaotalk.svg b/static/icons/dark/color/kakaotalk.svg
new file mode 100644
index 0000000000..8e9f9b123f
--- /dev/null
+++ b/static/icons/dark/color/kakaotalk.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>KakaoTalk</title><path d="M22.125 0H1.875C.8394 0 0 .8394 0 1.875v20.25C0 23.1606.8394 24 1.875 24h20.25C23.1606 24 24 23.1606 24 22.125V1.875C24 .8394 23.1606 0 22.125 0zM12 18.75c-.591 0-1.1697-.0413-1.7317-.1209-.5626.3965-3.813 2.6797-4.1198 2.7225 0 0-.1258.0489-.2328-.0141s-.0876-.2282-.0876-.2282c.0322-.2198.8426-3.0183.992-3.5333-2.7452-1.36-4.5701-3.7686-4.5701-6.5135C2.25 6.8168 6.6152 3.375 12 3.375s9.75 3.4418 9.75 7.6875c0 4.2457-4.3652 7.6875-9.75 7.6875zM8.0496 9.8672h-.8777v3.3417c0 .2963-.2523.5372-.5625.5372s-.5625-.2409-.5625-.5372V9.8672h-.8777c-.3044 0-.552-.2471-.552-.5508s.2477-.5508.552-.5508h2.8804c.3044 0 .552.2471.552.5508s-.2477.5508-.552.5508zm10.9879 2.9566a.558.558 0 0 1 .108.4167.5588.5588 0 0 1-.2183.371.5572.5572 0 0 1-.3383.1135.558.558 0 0 1-.4493-.2236l-1.3192-1.7479-.1952.1952v1.2273a.5635.5635 0 0 1-.5627.5628.563.563 0 0 1-.5625-.5625V9.3281c0-.3102.2523-.5625.5625-.5625s.5625.2523.5625.5625v1.209l1.5694-1.5694c.0807-.0807.1916-.1252.312-.1252.1404 0 .2814.0606.3871.1661.0985.0984.1573.2251.1654.3566.0082.1327-.036.2542-.1241.3425l-1.2818 1.2817 1.3845 1.8344zm-8.3502-3.5023c-.095-.2699-.3829-.5475-.7503-.5557-.3663.0083-.6542.2858-.749.5551l-1.3455 3.5415c-.1708.5305-.0217.7272.1333.7988a.8568.8568 0 0 0 .3576.0776c.2346 0 .4139-.0952.4678-.2481l.2787-.7297 1.7152.0001.2785.7292c.0541.1532.2335.2484.4681.2484a.8601.8601 0 0 0 .3576-.0775c.1551-.0713.3041-.2681.1329-.7999l-1.3449-3.5398zm-1.3116 2.4433l.5618-1.5961.5618 1.5961H9.3757zm5.9056 1.3836c0 .2843-.2418.5156-.5391.5156h-1.8047c-.2973 0-.5391-.2314-.5391-.5156V9.3281c0-.3102.2576-.5625.5742-.5625s.5742.2523.5742.5625v3.3047h1.1953c.2974 0 .5392.2314.5392.5156z"/></svg>
\ No newline at end of file