walletp2p

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

Other

Author Anonymous

Tailwind v3.4 2.2k 5

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

User Profile Skeleton
Profile page skeleton built with Tailwind CSS. Includes a cover banner, avatar, profile details, stats, navigation tabs, about section, and activity feed placeholders.

JUGENDRA GANGWAR

4 weeks ago

75
portfolio
Complete Portfolio UI Kit with hero, about, skills, projects, testimonials, contact form, and footer. Fully responsive and dark mode supported using Tailwind CSS.

Lekhraj Ghimire

1 year ago

1.4k
Chatbox template

Lucas Martinez

3 years ago

13.3k
Author Panels

Sherry Lynne

2 months ago

106
loginForm2
form

Anonymous

1 month ago

261
Login Form
Login Card Structure This code gives you a complete, self-contained login card. Here's what's included: Input Fields: Email and password fields with icons, labels, and placeholder text. The password field includes a "Forgot password?" link. Options & Actions: A "Remember me" checkbox and a prominent "Sign In" button with hover effects. Footer Links: A "Create one" link for new accounts and social login icons (Google and GitHub) for alternative sign-in methods.

Muzammil Riaz

3 months ago

190
delivery
It will help us get our stuff delivered to your home in a way that your ordered items are delivered to your home.

Nishimwe Jeanine

1 year ago

1.3k
Solo leveling 2
Animation & movie field,videos,games.

ORGIN_DREAMS

1 year ago

1.2k
Prescription

Anonymous

1 month ago

73
Show user details

Lucas Martinez

3 years ago

26.3k
Homepage event

Anonymous

1 year ago

1.3k
profil_eleve.html

Anonymous

1 year ago

685