What it does
Type your teams and scores — Tournament Bracket builds the whole single-elimination bracket and moves every winner to the next round. Choose 4, 8 or 16 teams. Standard seeding keeps seeds 1 and 2 apart until the final, and missing teams get a bye.
Round names fill in automatically, the champion gets a card, and winners' lines light up. Visitors can tap a team to follow its path. On phones the bracket becomes round tabs.
For esports and club tournaments, school events, company sports days and league playoffs.
Customizable properties
- Teams in seed order (up to 16), Bracket Size, Seeding
- Scores — one line per round: 3-1, 2-0, 1-1 (4-3). Blank = not played yet
- Lines — Elbow, Rounded, Curve or Straight; width, dash, length
- Layout — Auto, Bracket or Tabs; column width, row height, gap
- Radius, 8 colors, two fonts
Why this component
- Names and scores in, finished bracket out. Change a score and the winner moves up.
- Byes, tiebreaks and half-played brackets are handled.
- Accessible: real buttons and tab keys. No images, CMS or libraries.
Need help?
Email hello@brandingupstudio.com — we usually reply within 1 business day. Custom edits are available from $75/hr.
