https://github.com/altugbakan/obs-card-overlay
Magic: the Gathering card overlay for OBS
https://github.com/altugbakan/obs-card-overlay
flask magic-the-gathering obs scryfall-api
Last synced: about 2 months ago
JSON representation
Magic: the Gathering card overlay for OBS
- Host: GitHub
- URL: https://github.com/altugbakan/obs-card-overlay
- Owner: altugbakan
- Created: 2025-11-18T10:12:12.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-11-21T15:32:58.000Z (7 months ago)
- Last Synced: 2025-11-21T17:24:56.827Z (7 months ago)
- Topics: flask, magic-the-gathering, obs, scryfall-api
- Language: HTML
- Homepage:
- Size: 79.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OBS Card Overlay
OBS Browser Source overlay for MTG cards, best used for set reviews.
## Requirements
- [uv](https://docs.astral.sh/uv/)
## Running the App
```shell
uv run app.py
```
## Usage
After running the app, open http://localhost:5050/control from your browser. Add http://localhost:5050/overlay as a Browser Source to OBS.
You can then search for a card on the control tab and you should see the card preview mirrored to the overlay.
### Keybinds
| Key(s) | Action |
| ------------- | ------------------------------ |
| `Enter` | Send current card to overlay |
| `Tab` | Show card on preview |
| `←`, `H` | Go to previous card in history |
| `→`, `L` | Go to next card in history |
| `F` | Flip the current card |
| `↑`, `N`, `K` | Go to next card |
| `↓`, `B`, `J` | Go to previous card |
| `/` | Focus the input field |
### Extras
You can drop an image from Scryfall on your overlay window to show that card. The search bar also supports Scryfall search.