Knockout Bracket
Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, headers and stage height animate into every new layout. A third place play-off sits below the tree under its own rule. Round names, team artwork, dates and result chips all come from the data you pass.

- Library
- beUI
- Framework
- React
- Type
- component
- License
- MIT
- Install
npx shadcn@latest add @beui/knockout-bracket- Files
components/motion/knockout-bracket.tsxlib/ease.tslib/i18n.tsxlib/utils.ts
- Source
- https://github.com/starc007/ui-components
Categories
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Diagram Components
- React Diagram Components
- Tailwind CSS Diagram Components
- Animated Diagram Components
- Tree View Components
- React Tree View Components
- Tailwind CSS Tree View Components
- Animated Tree View Components