A web-based tool for generating professional match-result graphics (pubmats) for grassroots Mobile Legends: Bang Bang tournaments. No design experience required — go from zero to export-ready in under 2 minutes.
- 5-step wizard — Tournament info, Teams, Hero drafts, MVP, Style
- 3 canvas templates — Scoreboard, MVP Spotlight, Game Summary
- Live preview — Canvas updates as you type
- Export — PNG or JPG in Post (1080×1080) or Story (1080×1920) format
- 56 heroes — Searchable picker with role filters
- Match history — Last 10 exports saved locally for quick re-export
- 5 color themes — Neon Esports, Collegiate, Minimalist, Retro Arcade, Dark Pro
- Fully offline — No backend, no account needed
- React + Vite + TypeScript
- Tailwind CSS
- Zustand (state management)
- React Router v6
- HTML5 Canvas API (rendering)
- Lucide React (icons)
# Install dependencies
npm install
# Start dev server
npm run dev