26 Tourney Bracket

What it does

Type your teams and scores and Tournament Bracket builds the whole single-elimination bracket, moving 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?

Reach out at hello@brandingupstudio.com — we usually reply within 1 business day. Custom edits from $75/hr.

More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code, fully customizable via property controls. Unlink is not provided so we can keep delivering updates.

All 10 paid BrandingUp components in one payment: All-Access Pass, $49 → https://brandingup.lemonsqueezy.com/checkout/buy/3391c106-6fbc-41b8-9cc8-b63365b95665