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

159

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

3 months ago

309
Toast
The best Notfication Toast with Tailwind css

Author:
irahoza daniel

1 week ago

91
Contact us form with map
Contact us form with map

Author:
Chithira Kumar M

1 year ago

11.1k
Game Character Cards
Simple game character cards selection

Author:
Diavox Jerome Soriano

4 months ago

789
Cards section - Sport

Author:
ABDO-SY

2 months ago

924
Card
Simple Card

Author:
Ashraf ali

3 months ago

649
Drinkware landing page

Author:
Maxim

2 months ago

506
Products card grid
Example of product card grid with product image and pricing

Author:
Noob

2 years ago

21.8k
Coming Soon Page

Author:
Conan Hilton

2 years ago

9.5k
Pricing section Lima
Pricing section Lima with responsive design

Author:
Mubashir hussain

1 year ago

2k
Responsive Projects Section

Author:
ᴀʀ!ᴀ

1 month ago

427
Twitter Post (Tweet) UI Mockup
A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

Author:
Hamza Atig

1 month ago

156

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components