Tailwind CSS Game Components

Dev Design Library indexes 27 Tailwind CSS game components from 7 open-source UI libraries, with the most coming from ReactFrame, beUI, UI Lab, uselayouts and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Game components belong to the Widgets group.

• 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.
• Direction Pad Controlssv-particles · Svelte
• 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 Tailwind CSS game components

• ReactFrame
• beUI
• UI Lab
• uselayouts
• Spectrum UI

Related categories

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