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

528

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

simple responsive blog layout with sidebar

Author:
Isabella Kowalski

2 years ago

8.8k
Image - Figure with figcaption design

Author:
Maxim

2 months ago

258
Career Page
This is a career page component built in tailwind

Author:
Deepak Sharma

2 months ago

391
Ai clone, chat ui
Chat interface for ai builder, dont toomuch focused on designing responsive

Author:
Abhiraj

2 months ago

383
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

1 year ago

7.4k
Product hunt showcase

Author:
Lukas Müller

2 years ago

11.7k
Popover
basic popover example

Author:
Dipti narayan

1 year ago

11.6k
Help and support center ticketing system
Help and support center ticketing system

Author:
Rushikesh Latpate

1 month ago

101
Radial Progress Indicator with TailwindCSS
A sleek and customizable radial progress indicator built with SVG and styled using TailwindCSS. The progress bar is animated with smooth transitions, featuring a circular background, dynamic progress, and centered text or optional imagery. Perfect for showcasing percentages, stats, or any progress-related metrics in your projects.

Author:
SHARIFUL ISLAM

1 month ago

323
Show credit card details

Author:
Manuela Bianka

2 years ago

11.1k
Our features
Our features

Author:
Tanvir Hasan Bappy (Tanvir)

3 months ago

387
Privacy Policy
Privacy Policy

Author:
Tanvir Hasan Bappy (Tanvir)

3 months ago

371

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components