Dev Design Library

Slide Game

A slide game: set a bet and a target, then a reel of multiplier cards races past two tabs at the center of the stage, tilting in 3D as they pass, slows through the last few and clicks the result into place between them. At or above the target wins. The result comes from getResult, so a server can decide it and the reel only plays it back.

Slide Game preview
Library
beUI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add @beui/slide-game
Files
  • components/motion/slide-game.tsx
  • components/motion/button/index.tsx
  • components/motion/select.tsx
  • lib/ease.ts
  • lib/game-sounds.ts
  • lib/i18n.tsx
  • lib/tick-sound.ts
  • lib/utils.ts
Source
https://github.com/starc007/ui-components

Categories

More from beUI