Skip to content

chichekebbab/cardgenerator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

93 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

๐ŸŽด Munchkin Card Generator

๐ŸŒ Lire en franรงais

Create custom Munchkin cards with AI-generated artwork. Design, edit, and export your own cards for the beloved board game.

CI License: MIT React TypeScript


Screenshots

Screenshots coming soon โ€” or try the live demo!


โœจ Features

  • ๐ŸŽจ AI Image Generation โ€” Google Gemini creates unique card artwork
  • โœ‚๏ธ Background Removal โ€” Remove.bg integration for clean card images
  • ๐Ÿƒ Multiple Card Types โ€” Monsters, Treasures, Curses, Dungeon Bonuses, and more
  • ๐Ÿ–ผ๏ธ Custom Layouts โ€” Upload and use your own custom card layouts
  • ๐Ÿ“Š Deck Management โ€” Organize cards by category, track your progress
  • ๐Ÿ’พ Import/Export โ€” CSV/JSON import, optimized batch PNG export, and BAT (Board A4 Tiled) PDF export
  • ๐ŸŽฏ Live Preview & Demo โ€” See your changes as you type, and preview global settings on a live demo card
  • ๐ŸŒ Multilingual โ€” Full support for English and French, covering both the user interface and card content
  • ๐Ÿ“ฑ Responsive โ€” Works on desktop, tablet, and mobile

๐Ÿš€ Quick Start

git clone https://github.com/chichekebbab/cardgenerator.git
cd cardgenerator
npm install
npm run dev

Open http://localhost:5173 โ€” that's it!

API Keys (optional)

The app works without any API keys. To enable AI features:

  1. Click the โš™๏ธ Settings gear icon in the app
  2. Add your keys:
  3. Keys are stored locally in your browser โ€” never sent to our servers

๐Ÿ› ๏ธ Tech Stack

Frontend React 19 + TypeScript
Build Vite 6
Styling Tailwind CSS
AI Google Gemini API
Export html-to-image, JSZip, jsPDF

๐Ÿ“ Project Structure

cardgenerator/
โ”œโ”€โ”€ components/          # React components
โ”œโ”€โ”€ services/            # API services (Gemini, Remove.bg, Sheets)
โ”œโ”€โ”€ utils/               # Utilities & config
โ”œโ”€โ”€ tests/               # Unit tests (Vitest)
โ”œโ”€โ”€ public/              # Card layouts & textures
โ”œโ”€โ”€ App.tsx              # Main component
โ”œโ”€โ”€ types.ts             # TypeScript interfaces
โ””โ”€โ”€ .github/             # CI/CD & issue templates

๐Ÿค Contributing

Contributions welcome! See CONTRIBUTING.md for guidelines.

npm run dev          # Dev server
npm run lint         # Lint check
npm run test:ci      # Run tests
npm run build        # Production build

โš ๏ธ Disclaimer

This is an unofficial fan-made tool. Munchkin is a trademark of Steve Jackson Games. This project is not affiliated with, endorsed by, or sponsored by Steve Jackson Games.

๐Ÿ“„ License

MIT โ€” do whatever you want with it.

About

AI-powered custom Munchkin card generator โ€” create, edit & export your own cards ๐ŸŽด

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages