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.4k

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

Certificate of Completion
A clean and modern certificate template built with Tailwind CSS. Ideal for courses, training programs, and professional achievements.

Author:
Ramkesh Gupta

2 months ago

201
why chose us
Designed with clarity and purpose, each section of our website is crafted to guide users effortlessly from engaging visuals to structured content that highlights our values and builds trust at every scroll. abnahid.com

Author:
Abdul Jabbar Al Nahid

2 months ago

151
Cafee shop
help to buy something that can help you to relax

Author:
INGRIDE MUZIRANENGE

7 months ago

1.2k
Sign up
sign up page

Author:
gidy

7 months ago

1.3k
nft card
nft card

Author:
5upreme505

1 year ago

1.8k
Mobile app
I'll create a comprehensive collection of professional app components that you can use to build modern mobile and web applications.

Author:
ishimwe prince

7 months ago

727
Neon container

Author:
Anonymous

1 year ago

3.7k
admin panel UI
Premium Admin Panel Pack including sidebar navigation, top navbar, dashboard cards, user tables, quick actions, profile section, and footer. Fully responsive with modern clean design using Tailwind CSS.

Author:
Lekhraj Ghimire

6 months ago

1.6k
App Hero Section With header

Author:
Abdul Baset Bappy

6 months ago

809
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

Author:
rohit whyphy

9 months ago

1.3k
Tailwind css banner offer
Bold neobrutalist design with thick borders, vibrant colors, and strong shadows - perfect for promotions.

Author:
saim-t8

3 months ago

451
3d Box
Let's build a 3d world empowered by Orgin Dreams.these are 3d objects

Author:
ORGIN_DREAMS

7 months ago

665

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components