Home
Anonymous
walletp2p

walletp2p

This tailwind example is contributed by Anonymous, on 31-Dec-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Other

Author Anonymous

1.1k

Fork Fullscreen

<div class="text-white bg-Black dark:bg-neutral-800 content-center items-center h-screen  justify-center items-center w-full  p-5">
  <div class="bg-neutral-900 w-[90%] p-4 h-52 rounded-xl text-center m-1">
    <div class="border-b border-white/20 pb-4 text-sm content-center justify-between flex">
      <div class="flex gap-1 ">
      <div class=" p-1 rounded-xl bg-blue-700 flex gap- ">
        <div class="font-bold p-1 ">tg.</div>
      </div>
            <div class=" p-1 rounded-xl bg-neutral-800 flex gap- ">
        <div class="font-bold p-1 ">@Thehussein1</div>
      </div>
      </div>
            <div class="flex gap-2">
       <div class=" p-1 rounded-xl bg-violet-500 ">
        <div class="font-bold p-1 ">Connect wallet</div>
      </div>
             <div class=" p-1 rounded-xl border border-white/50 bg-Black ">
        <div class="font-bold p-1 ">Connect with X</div>
      </div>
      </div>
    </div>
    <diV class="mt-4 text-xs font-bold">
        Account Balance
    </diV>
    <diV class="mt-4 ">
        <div class="content-center items-center flex justify-between ">
         <div class=" p-1 rounded-xl bg-blue-800 ">
        <div class="text-xs font-bold p-1 ">hide</div>
      </div>
         <div class="text-4xl font-bold font-mono">178,022<span class="text-white/20">.50</span></div>
                <div class=" p-1 rounded-xl bg-red-500 ">
        <div class="text-xs font-bold p-1 ">USD</div>
      </div>
         
        </div>
    </diV>
  </div>
 <div class="bg-neutral-900 w-[90%] p-4 h-52 rounded-xl text-center m-1 ">
    <div class="border-b border-white/20 pb-4 p-3 font-bold text-xs  content-center justify-between ">
      Account information
    </div>
    <diV class="mt-4 text-sm">
       
    </diV>
    <diV class="mt-4 ">
        
        
    </diV>
  </div>
</div>

Related Examples

🔥 Sleek & Modern Button with Hover Effect – Tailwind CSS
A beautifully designed button using Tailwind CSS, featuring smooth transitions, a bold shadow effect, and a hover animation. Styled with custom colors, rounded edges, and a modern font, this button is perfect for call-to-action (CTA) elements in your website or app. 🚀

Author:
Ahita Bisma Adlula

6 months ago

393
About Us Component

Author:
KULDEEP

2 months ago

586
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

1 year ago

9.3k
Full Page loading overlay

Author:
Bunny

2 years ago

11.9k
Chatbox template

Author:
Lucas Martinez

2 years ago

12.2k
Simple count down timer

Author:
Gopi Yadav

2 years ago

14.8k
button animation
button animation big

Author:
QQ-VVN

4 months ago

308
BONIMATOR Responsive Tailwind Starter Template
Responsive Tailwind Starter Template

Author:
Bonimater

3 months ago

532
Image Gallery with Alpine.Js

Author:
Maxim

7 months ago

393
background animation
background animation

Author:
Jayendra Madara

1 year ago

2.7k
TASK FAILED SUCCESSFULLY
TradingGoose Ep2 MockUp

Author:
Bruz

1 day ago

10
Feeds
This is a responsive social media feed interface built with Tailwind CSS that features a clean, modern design with excellent color contrast and visual hierarchy. Here's a detailed breakdown of its components and layout:

Author:
ishimwe shadad

3 months ago

378

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components