NetDraw is a lightweight, spreadsheet-style WordPress plugin designed specifically for managing and displaying knockout tennis tournaments. Think of it as "TablePress, but built for brackets instead of standard tables."
It eliminates the need to use clunky third-party bracket websites or messy image uploads, keeping the entire tennis tournament experience native to your WordPress site.
For Tournament Admins (Backend)
- Simple Setup: Create a new tournament draw just like writing a standard post or page in WordPress.
- Flexible Sizing: Choose your tournament size (8, 16, 32, or 64 players) via a simple dropdown selection.
- Draw Types: Choose between a Standard single-elimination draw and a Qualifying draw that stops once the configured number of players secure advancement spots into a main draw.
- Easy Data Entry: Dynamically generates a clean grid of input fields where you can type in player names for the first round and log scores as matches finish.
- Automatic Progression: Mark a player as the winner of a match and the plugin automatically pushes their name forward into the next round's slot — saving you from manual re-typing.
For Website Visitors (Frontend)
- Visual Brackets: Generates a clean, classic, tree-style tournament bracket on any page or post using a simple shortcode (e.g.,
[netdraw id="123"]).
- Qualified (Q) Badges: In qualifying draws, players who win their final qualifying match get a clear Q badge indicating they have advanced to the main draw.
- Path Highlighting: Hovering over any player highlights their entire journey (matches won, played, and progressed) across all rounds in real-time.
- Responsive Design: Uses a custom CSS tree-structure layout that enables smooth horizontal scrolling on mobile, tablet, and desktop screens without breaking the visual integrity.
- No Bloat: Built purely using Vanilla JS and native CSS — no jQuery or external visual dependencies.