CINXE.COM
Sign in to Ollama
<!doctype html> <html class="h-full overflow-y-scroll"> <head> <title>Sign in to Ollama</title> <meta charset="utf-8" /> <meta name="description" content="Get up and running with large language models."/> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:title" content="Sign in to Ollama" /> <meta property="og:description" content="Get up and running with large language models." /> <meta property="og:url" content="https://ollama.com/signin" /> <meta property="og:image" content="https://ollama.com/public/og.png" /> <meta property="og:image:type" content="image/png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:type" content="website" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="Sign in to Ollama" /> <meta property="twitter:description" content="Get up and running with large language models." /> <meta property="twitter:site" content="ollama" /> <meta property="twitter:image:src" content="https://ollama.com/public/og-twitter.png" /> <meta property="twitter:image:width" content="1200" /> <meta property="twitter:image:height" content="628" /> <link rel="icon" type="image/png" sizes="16x16" href="/public/icon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/public/icon-32x32.png" /> <link rel="icon" type="image/png" sizes="48x48" href="/public/icon-48x48.png" /> <link rel="icon" type="image/png" sizes="64x64" href="/public/icon-64x64.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/public/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/public/android-chrome-icon-192x192.png" /> <link rel="icon" type="image/png" sizes="512x512" href="/public/android-chrome-icon-512x512.png" /> <link href="/public/tailwind.css?v=117a07d752fdac19760ff379228a65f6" rel="stylesheet" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Ollama", "url": "https://ollama.com" } </script> <script type="text/javascript"> function copyToClipboard(element) { let commandElement = null; const preElement = element.closest('pre'); const languageNoneElement = element.closest('.language-none'); if (preElement) { commandElement = preElement.querySelector('code'); } else if (languageNoneElement) { commandElement = languageNoneElement.querySelector('.command'); } if (!commandElement) { console.error('No code or command element found'); return; } const code = commandElement.textContent ? commandElement.textContent.trim() : commandElement.value; navigator.clipboard .writeText(code) .then(() => { const copyIcon = element.querySelector('.copy-icon') const checkIcon = element.querySelector('.check-icon') copyIcon.classList.add('hidden') checkIcon.classList.remove('hidden') setTimeout(() => { copyIcon.classList.remove('hidden') checkIcon.classList.add('hidden') }, 2000) }) } </script> <script> function getIcon(url) { url = url.toLowerCase(); if (url.includes('x.com') || url.includes('twitter.com')) return 'x'; if (url.includes('github.com')) return 'github'; if (url.includes('linkedin.com')) return 'linkedin'; if (url.includes('youtube.com')) return 'youtube'; if (url.includes('hf.co') || url.includes('huggingface.co') || url.includes('huggingface.com')) return 'hugging-face'; return 'default'; } function setInputIcon(input) { const icon = getIcon(input.value); const img = input.previousElementSibling.querySelector('img'); img.src = `/public/social/${icon}.svg`; img.alt = `${icon} icon`; } function setDisplayIcon(imgElement, url) { const icon = getIcon(url); imgElement.src = `/public/social/${icon}.svg`; imgElement.alt = `${icon} icon`; } </script> <script src="/public/vendor/htmx/bundle.js"></script> </head> <body class=" antialiased min-h-screen w-full m-0 flex flex-col " hx-on:keydown=" if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') { // Ignore key events in input fields. return; } if ((event.metaKey && event.key === 'k') || event.key === '/') { event.preventDefault(); const sp = htmx.find('#search') || htmx.find('#navbar-input'); sp.focus(); } " > <main class="flex-grow"> <main class="mx-auto flex flex-1 flex-col items-center px-16 py-24 sm:px-0 sm:py-48"> <a href="/" class="z-50"> <img src="/public/ollama.png" class="h-16" alt="ollama logo"> </a> <div class="mx-auto my-8 flex flex-col items-center text-center"> <h2 class="my-2 max-w-md text-2xl font-medium tracking-tight leading-tight md:text-3xl">Welcome back.<br>Sign in to continue</h2> </div> <form hx-post="/signin" hx-swap="none" class="leading-3 mx-auto flex w-full flex-col space-y-2 sm:max-w-xs" > <label for="username" class="flex flex-col"> <input autofocus required name="username" tabindex="1" autocomplete="username" placeholder="Username or email" class=" px-4 py-3 w-full rounded-xl text-sm placeholder:text-sm placeholder:text-neutral-400 has-[+[error]:empty]:border-neutral-300 has-[+[error]:empty]:focus:ring has-[+[error]:empty]:focus:ring-opacity-75 has-[+[error]:empty]:focus:border-blue-400 has-[+[error]:empty]:focus:ring-blue-300 focus:ring-red-300 focus:border-red-400 border-red-400 " > <div error class="text-xs text-red-500 empty:hidden"></div> </label> <label for="password" class="flex flex-col"> <input required type="password" name="password" tabindex="2" autocomplete="current-password" placeholder="Password" class=" px-4 py-3 w-full rounded-xl text-sm placeholder:text-sm placeholder:text-neutral-400 border-neutral-300 focus:ring focus:ring-opacity-75 focus:ring-blue-300 focus:border-blue-400 [error] ~ &.error-input:border-red-400 " /> <div class="pt-0.5 flex justify-between text-sm md:text-xs text-neutral-800"> <div error class="text-xs text-red-500"></div> <a href="/password/forgot" tabindex="4" class="underline-offset-4 hover:underline focus:outline-none focus:ring-0 focus:ring-transparent focus:underline" > Forgot password? </a> </div> </label> <div class="flex flex-col py-8 space-y-2"> <input type="submit" value="Sign in" tabindex="3" class="w-full cursor-pointer rounded-3xl bg-neutral-800 p-2 text-lg text-white hover:bg-black" /> <footer class="text-sm text-neutral-800 text-center"> <span class="whitespace-normal sm:whitespace-nowrap"> Don't have an account? <a tabindex="5" class="whitespace-nowrap underline underline-offset-4 hover:text-black focus:text-black focus:right-0 focus:outline-none focus:ring-transparent" href="/signup"> Create account </a> </span> </footer> </div> </form> </main> </main> <span class="hidden" id="end_of_template"></span> </body> </html>