Turn notes into flashcards to study.
No AI API key required.
Web · MIT
- Built for studying — for anyone who learns with flashcards. Exam prep, language practice, book notes, a PDF you need to drill. Bring the content, Flip handles the drill.
- No API key, no account — works with any AI you already use. Nothing to sign up for, nothing to install
- Any LLM — ChatGPT, Gemini, Claude, or local models
- Try a demo — a built-in Geography deck loads instantly if you want to see the study flow before making your own
- Study flow — tap to flip, mark each card as I know it or I don't know, track progress with a summary
- Dark / light mode — honors your system preference
- Keyboard navigation — arrows to move, space to flip
- Local persistence — deck, progress, and theme stored in
localStorage. Per-browser, per-device. Clears when you clear your browser.
- Copy the prompt from the new-deck screen (one click)
- Paste it into ChatGPT, Gemini, Claude, or any other LLM
- Tell it your topic (e.g. "History of the UK") or attach a file — PDF, article, lecture notes
- Copy the JSON response the AI returns
- Paste it back into Flip — the deck loads automatically
No keys, no accounts, no backend. Flip is a prompt builder and a flashcard player.
npm install
npm run dev
# → http://localhost:5173- React 19 + TypeScript (Vite)
- Tailwind CSS v4
- No backend, no database, no third-party scripts —
localStorageonly
| Path | Purpose |
|---|---|
src/components/FlashcardInput.tsx |
New-deck screen — copy prompt, paste JSON response |
src/components/FlashcardViewer.tsx |
Study view — flip, mark, navigate |
src/components/Header.tsx |
App logo + new deck + theme toggle |
src/hooks/useFlashcards.ts |
Deck state, persistence, progress tracking |
public/demo-*.json |
Demo decks — demo-geography.json is surfaced on the new-deck screen |
Found a bug or have an idea? Open an issue.
Made by santiagoalonso.com