Home
Diavox Jerome Soriano
Game Live Score

Game Live Score

A live score game layout design perfect for your live scoring application

This tailwind example is contributed by Diavox Jerome Soriano, on 05-Feb-2025. Component is made with Tailwind CSS v3. similar terms for this example are Toast, Snackbar

Card Notification

Author Diavox Jerome Soriano

789

Fork Fullscreen

<div class="bg-gray-900 text-white w-full max-w-md mx-auto p-4 rounded-lg text-center mt-4">
    <div class="text-gray-400 text-sm uppercase">FT</div>
    <div class="flex items-center justify-center space-x-4 mt-2">
        <div class="flex flex-col items-center">
            <img src="https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/54875/optimized_large_thumb_stage.jpg" alt="Charlotte Hornets" class="h-12 w-12 border rounded-lg border-gray-600">
            <span class="text-sm mt-1">Cyber Militia</span>
        </div>
        <div class="text-2xl font-bold">125 - 118</div>
        <div class="flex flex-col items-center">
            <img src="https://placeit-img-1-p.cdn.aws.placeit.net/uploads/stage/stage_image/61995/optimized_large_thumb_stage.jpg" alt="Chicago Bulls" class="h-12 w-12 border rounded-lg border-gray-600">
            <span class="text-sm mt-1">Game Player</span>
        </div>
    </div>
    <div class="text-gray-400 text-sm mt-2">51-60</div>
</div>

Related Examples

Subcribe Card - Alert - Notification

Author:
ABDO-SY

9 months ago

675
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.

Author:
Ijila Itunu

2 months ago

208
Info cards

Author:
Samuel Dawson

2 years ago

10.8k
Coming Soon Page

Author:
Conan Hilton

3 years ago

9.9k
3d card
the Best 3D card with tailwind css

Author:
irahoza daniel

6 months ago

319
Portfolio form
Portfolio form

Author:
Joseph Melvin Kanu

1 year ago

2.9k
Product card for eCommerce website

Author:
Steven Kuhn

3 years ago

12.5k
Info Card with image
An info card with an image, a short title, and a short description.

Author:
Arya

2 years ago

12.8k
Personal card
A card to show minimal info for staff member

Author:
farid

10 months ago

1.1k
Product card for e-commerce
A responsive product card for e-commerce, displaying product image, country flag, volume, name, and price, with hover effects and a clean layout.

Author:
Maxim

1 year ago

1.4k
Product hunt showcase section

Author:
Leon Bachmann

3 years ago

10.1k
Highlights - Speakers Section

Author:
ABDO-SY

7 months ago

698

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components