Animated Crash Game UI (React) – 1 Page Only

I need one fully animated, high-quality frontend page inspired by a Crash / Rocket multiplier game UI.
A reference image will be provided.

This is not a static design. The page must feel like a live, animated game with smooth transitions and motion throughout.

The winner will be selected based on animation quality, visual polish, and clean React code structure.

Scope

Only one page is required

No backend or APIs are needed

Mock or dummy data is acceptable

Required Animations and Behavior
Rocket Animation (Main Focus)

Rocket starts small from the bottom-left corner

Moves diagonally toward the top-right corner

Gradually increases in size while flying

Multiplier increases smoothly (x1.00 upward)

Rocket crashes randomly with a visual effect such as shake, explosion, or fade

User Bet List (Left Panel)

List of users showing avatar, username, and bet amount

Users animate in and out of the list

When a user cashes out:

The row exits with animation

Avatar and amount visually move toward the rocket

New users slide into the list dynamically

Win Effects

Winning amounts briefly appear near the rocket

Glow, pop, or fade animations are required

Chat Panel (Right Side)

Messages animate in smoothly

Auto-scroll behavior

Simple UI using mock messages

Betting Controls

Animated buttons

Enabled and disabled states

Visual feedback on click

Technical Requirements

React.js (Next.js is allowed)

Animation libraries are allowed (Framer Motion, GSAP, CSS animations, Canvas, SVG)

Clean and readable component structure

Must run smoothly in modern browsers

Deliverables (Mandatory)

Full React source code

Code pushed to a GitHub repository

ZIP file containing the complete source code

Clear instructions to run locally (npm install, npm start)

Winner Selection Criteria

The winning entry will be selected based on:

Smoothness and creativity of animations

Visual quality and modern game-style UI

Code cleanliness and structure

Overall live-game feeling

A reference image will be shared.
The final result should feel similar but must not be copied exactly. Show More