git404hub

what is login-with-chatgpt fr?

opencoredev/login-with-chatgpt — explained in plain English

Analysis updated 2026-05-18

286TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

tl;dr

Login with ChatGPT is a TypeScript SDK that lets users sign into your app with their own ChatGPT account, keeping access tokens off the browser.

vibe map

mindmap
  root((Login with ChatGPT))
    What it does
      Sign in with ChatGPT account
      Streams AI responses
      Generates and edits images
    Tech stack
      TypeScript
      React
      Vercel AI SDK
      OAuth
    Packages
      core
      server
      react
      ai
    Security
      HttpOnly cookie only
      Tokens stay on backend
    Audience
      Developers
    License
      MIT

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Add a Login with ChatGPT button so users sign in with their existing subscription.

VIBE 2

Stream AI responses from a user's own ChatGPT account through your backend.

VIBE 3

Generate and edit images using a logged in user's ChatGPT access.

what's the stack?

TypeScriptReactVercel AI SDKOAuth

how it stacks up fr

opencoredev/login-with-chatgpteli-labz/third-eyeyangshun/tree-node-cli
Stars286285285
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasy
Complexity2/51/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min

Requires wiring up four separate packages across your frontend and backend.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

in plain english

Login with ChatGPT is a TypeScript software development kit that lets developers add a "log in with your ChatGPT account" button to their own apps. Instead of building a separate account system, users bring their existing ChatGPT subscription and sign in with that, similar to how many sites let you log in with Google or GitHub. Once a user logs in, your app can ask your backend which AI models that user's ChatGPT account has access to, and then stream responses from those models directly through your server. The access tokens that prove the user is logged in never reach the browser at all. Instead, the browser only holds a session cookie marked HttpOnly, meaning client side JavaScript cannot read it, while the actual tokens stay behind a proxy path on your own backend. The project also supports generating and editing images, including control over size, quality, format, and masks, with streaming previews as results come back. The SDK is split into four separate packages you install together: a core package that handles the OAuth login flow, token refreshing, and figuring out which models are available, a server package with a backend handler covering login, session management, logout, and the proxy that streams responses, a React package that provides a ready made login button and hook, and a package with providers for the Vercel AI SDK, so streaming responses works directly with that library's streamText function. Installation is done through a package manager such as bun, npm, or pnpm, and everything ships as modern ESM modules with TypeScript types included, supporting Node 18 and newer. The project also includes an agent skill for tools like Claude Code, Cursor, and Codex, which can be installed with a single command so that an AI coding agent wires up the SDK correctly rather than guessing at API keys or assuming any one model works for every account. The project is open source under the MIT license and built by a single developer going by the handle leodev.

prompts (copy fr)

prompt 1
Walk me through installing the Login with ChatGPT packages and setting up the button.
prompt 2
Explain how Login with ChatGPT keeps access tokens off the browser using cookies.
prompt 3
Show me how to stream responses with the Vercel AI SDK provider from this package.
prompt 4
Help me install and use the agent skill so Claude Code wires this SDK up correctly.

Frequently asked questions

what is login-with-chatgpt fr?

Login with ChatGPT is a TypeScript SDK that lets users sign into your app with their own ChatGPT account, keeping access tokens off the browser.

What language is login-with-chatgpt written in?

Mainly TypeScript. The stack also includes TypeScript, React, Vercel AI SDK.

What license does login-with-chatgpt use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is login-with-chatgpt to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is login-with-chatgpt for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.