Animated Game Components

Dev Design Library indexes 28 Animated game components from 8 open-source UI libraries, with the most coming from ReactFrame, beUI, UI Lab, uselayouts and ZAYX. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the game components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Game components belong to the Widgets group.

• BalatroReact Bits · ReactThe balatro shader, fully customizalbe and interactive.
• CrashbeUI · ReactA crash game: a paper plane flies the multiplier up a curve until it crashes at a random point. Cash out before it…
• Scratch CardSpectrum UI · ReactA scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a…
• Analog Stickuselayouts · ReactA metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching…
• MinecraftButtonEvil Buttons · ReactA pixel stone menu button that cracks every few taps, shatters into chips, and drops itself as a bobbing item you pick…
• Combination LockUI Lab · ReactSpin right, left, right to fill each number, then turn the handle to open.
• Coin RewardZAYX · React Native
• 2048 GameReactFrame · ReactA fully playable 2048, arrow-key and swipe controls, spring-animated tile merges, score and best-score tracking, and…
• Knockout WheelbeUI · ReactThe tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves…
• Rotary DialUI Lab · ReactDrag a hole to the finger stop and each digit lands as the disc unwinds.
• Coin Flip GameReactFrame · ReactA real 3D CSS coin, click or tap to flip with a physical spin animation, a yes/no question field, flip history dots…
• MinesbeUI · ReactA mines board: pick tiles to find gems, each raising the multiplier, and cash out before you hit a mine. The round's…
• Dice Discount PopupReactFrame · ReactA gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bonus), copy the code, and…
• PlinkobeUI · ReactA Plinko board where balls drop through rows of pegs, bounce left or right off each one and land in a slot. Pegs flash…
• Dice Roll Discount PopupReactFrame · ReactA gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with a themed reveal modal and…
• Slide GamebeUI · ReactA slide game: set a bet and a target, then a reel of multiplier cards races past two tabs at the center of the stage…
• Dino Runner GameReactFrame · ReactA canvas endless-runner in the style of the offline dino game, pixel-drawn running dino, procedurally spawned cactus…
• C
  CasinobeUI · ReactShared chrome for the casino games: balance, bet controls, sound toggle and result dialogs.
• Glow Jump WidgetReactFrame · ReactA floating-action-button popup that opens a glowing 4-level platformer, jump between walls, dodge moving lava, and…
• Memory Cards WidgetReactFrame · ReactA floating-action-button popup that opens a color-matching memory game, 3 difficulty levels, a live timer/move…
• Memory Match GameReactFrame · ReactA flip-card memory matching game with animal emoji, three difficulty levels, a 3D flip animation, move/score tracking…
• Minesweeper GameReactFrame · ReactA classic Minesweeper with three board sizes, flood-fill reveal, right-click flagging, a live mine counter and timer…
• Pong GameReactFrame · ReactA canvas Pong against a bot opponent, three difficulty levels, multi-round progression with a color shift and speed…
• Scratch Card PopupReactFrame · ReactA gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward…
• Snake GameReactFrame · ReactA canvas-rendered Snake game with three difficulty speeds, keyboard and swipe controls, a directional-eyes snake head…
• Space Invaders GameReactFrame · ReactA canvas Space Invaders, a descending grid of pixel-drawn invaders that shoot back, three difficulty levels, keyboard…
• Spin to Win WheelReactFrame · ReactA gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass…
• Tic Tac Toe GameReactFrame · ReactA playable Tic Tac Toe board with a built-in AI opponent, animated piece placement, a drawn winning-line reveal, score…

Libraries with Animated game components

• ReactFrame
• beUI
• UI Lab
• uselayouts
• ZAYX

Related categories

• Game Components
• React Game Components
• Tailwind CSS Game Components
• Animated Widget Components
• Animated Physics Toy Components
• Animated Timer Components
• Animated GitHub Widget Components
• Animated Payment Card Components
• Animated Todo List Components
• Animated Drawing Canvas Components
• Animated Now Playing Components
• Animated Clock Components