Home
5upreme505
nft card

nft card

This tailwind example is contributed by 5upreme505, on 21-Oct-2024. Component is made with Tailwind CSS v3.

1.7k

<div class="flex min-h-screen items-center justify-center bg-blue-900 text-white">
  <div class="max-w-sm space-y-4 rounded-xl bg-blue-950 p-6">
    <img src="https://i.ibb.co/TkbnsyH/image-equilibrium.jpg" alt="" class="rounded-xl" />
    <h1 class="font-bold">Equilibrium #3429</h1>
    <p class="text-s text-blue-200">Our Equilibrium collection promotes balance and calm.</p>

<div class="flex items-center space-x-4">
      <img src="https://i.ibb.co/gdghc6B/image-avatar.png" alt="" class="h-10 w-10 rounded-full border-2" />
      <h1 class="text-blue-200">Creation of <span class="text-white">Jules Wyvern</span></h1>
    </div>
  </div>
</div>

Related Examples

Why Choose Us - Our Core Strengths
Discover what sets us apart with this engaging "Why Choose Us" section. Highlighting three key pillars—passion, honesty, and continuous improvement—this component features a bold, centered headline with a striking blue accent

Author:
Vikas Kushwah

7 months ago

776
templete
templete

Author:
Uwera Dorcas

4 months ago

456
Modern Responsive Pricing Section with Toggle
A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

Author:
Hamza Atig

6 months ago

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

Author:
Nishimwe Jeanine

5 months ago

305
Show credit card details

Author:
Manuela Bianka

2 years ago

12.1k
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

Author:
KULDEEP

4 months ago

1.1k
Glassmorphism form

Author:
Geoffrey Callaghan

2 years ago

6.5k
Share button

Author:
Maxim

10 months ago

1.2k
Heading Style

Author:
KULDEEP

4 months ago

355
Invoice
Invoice

Author:
Tanvir Hasan Bappy (Tanvir)

7 months ago

573
navigation header
responsive navigation header

Author:
Abid Ullah

1 year ago

2.3k
Payment Cards

Author:
Shammi Nethupul

1 year ago

2.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components