Browser Tool

Slips

A local-first flashcard studio for turning JSON study material into interactive decks and print-ready cards.

HTMLTailwind CSSJavascript

September 22, 2026

Notebook and pencil on a desk, representing study and flashcards.
Try the working app

Slips runs entirely in the browser. Your decks stay in local storage, and the app does not require an account or a backend.

Try Slips

Build, review, and print a deck without creating an account.

Open full screen ↗

Study material in, usable cards out

Slips is a small flashcard studio built around a simple idea: study material should be easy to move between tools. You can create a deck in the editor, import a JSON file generated elsewhere, or download the sample file to see the expected format.

Once a deck is loaded, the same cards work in two ways. The interactive review mode provides a responsive 3D flip-card experience for desktop and mobile screens. The print view turns the deck into an A4-friendly layout for cutting out physical cards.

A deliberately local workflow

There is no login, sync service, or database behind Slips. Decks and theme preferences are stored with localStorage in the browser, which keeps the tool quick and private while making it useful as a single-file application. JSON import and export provide the portability that browser storage alone would not.

This is also the main trade-off: a deck belongs to the browser where it was created until it is exported. Clearing site data or changing devices means relying on an exported JSON backup.

JSON format

The import format is intentionally small. options is optional, so the same schema supports both multiple-choice and open-ended cards:

[
  {
    "question": "What is the capital of France?",
    "options": [
      "A. Lyon",
      "B. Marseille",
      "C. Paris",
      "D. Bordeaux"
    ],
    "answer": "C. Paris",
    "explanation": "Paris is the capital and most populous city of France."
  }
]

Built for a quick study loop

  • Import or drop a JSON deck onto the page.
  • Edit cards and manage multiple decks from the sidebar.
  • Flip cards to reveal answers and explanations.
  • Change between light/dark mode and five accent themes.
  • Print a selected deck as two-column A4 flashcards.
  • Export the deck again when it needs to travel to another browser.

Slips stays intentionally close to the platform: semantic HTML, CSS transforms, browser APIs, and a single static document. That makes it easy to download and run locally, while still being practical to use directly from this project page.