design-infraReport a problem or share feedback← Catalog
Fixtures Knockout Wheel
freebeui/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.
$
npx shadcn@latest add @beui/knockout-wheelnpm deps: @floating-ui/dom, clsx, lucide-react, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- block
- Categories
- dashboard
- Use as
- drop-in — replaces your component
- Applies to
- dashboard
- Motion
- on hover · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, blocks
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- App shelloc/app-shellProduct app frame on the shadcn sidebar: brand header, grouped nav with badges, user dropdown, icon-collapse (Cmd/Ctrl+B) and mobile sheet; header bar with breadcrumbs + action slot; content slot.
- Data table cardoc/data-table-cardshadcn table in a card with toolbar: search, faceted filter, actions slot, sortable columns, row selection and pagination. Badge columns are server-safe; `cell` renderers need a client page.
- Stat cardsoc/stat-cardsDashboard KPI tiles: label, big value, delta chip (invertible for churn/latency) and an SVG sparkline in --chart-1.