Knockout Wheel

The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one isolates that team while the rest recede. Teams show a flag, a logo or their initials, and a deeper draw grows another ring.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/knockout-wheel

Files

• components/motion/knockout-wheel.tsx
• components/motion/tooltip.tsx
• lib/ease.ts
• lib/hooks/use-dismiss.ts
• lib/hooks/use-hover-gesture.ts
• lib/hooks/use-tap-gesture.ts
• lib/hooks/use-hover-capable.ts
• lib/i18n.tsx

Source

https://github.com/starc007/ui-components

Categories

• Game Components
• React Game Components
• Tailwind CSS Game Components
• Animated Game Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Wheel Picker Components
• React Wheel Picker Components
• Tailwind CSS Wheel Picker Components
• Animated Wheel Picker Components

More from beUI

• Casino
• Crash
• Mines
• Plinko
• Slide Game
• Wheel Picker
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity