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

927

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

Responsive navbar with alpinejs
A mix of Penguin navbar with PineUI Slide-Over

Author:
Muhammad Rizqi Juniyanto

9 months ago

2.6k
Testimonial Section
A responsive, SEO-friendly testimonial section for Ab Nahid Agency clients

Author:
Abdul Jabbar Al Nahid

1 month ago

138
Table
Table with image and status with pagination buttons

Author:
Abhiraj

7 months ago

1.6k
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

1 month ago

575
Boarding Pass Design
Testing out a layout and design for a digital boarding pass

Author:
Kirsten F

2 months ago

346
Image - Figure with figcaption design

Author:
Maxim

6 months ago

400
Tailwind Google Map widget

Author:
Dung Vuong

1 month ago

62
Glassmorphism form

Author:
Geoffrey Callaghan

1 year ago

6.3k
Concert ticket

Author:
Elijah Davis

2 years ago

13k
Background image section

Author:
Marc

1 year ago

5.9k
coffee
a beverage brewed from the roasted and ground seeds of the tropical evergreen coffee plant. Coffee is one of the three most popular beverages in the world (alongside water and tea), and it is one of the most profitable international commodities

Author:
Augustin

2 months ago

539
Configurable 3-Tier Responsive Pricing Table
A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

Author:
Hamza Atig

3 months ago

340

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components