Home
5upreme505
nft card

nft card

nft card

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

Other

Author 5upreme505

893

3

Fork Fullscreen

<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 justify-between">
      <h1 class="flex items-center text-cyan-300">
        <img src="https://svgur.com/i/1Bao.svg" alt="" class="mr-2" />
        0.041 ETH
      </h1>

<h1 class="flex items-center text-blue-200">
        <img src="https://svgur.com/i/1Bbi.svg" class="mr-2" alt="" />
        3 days Left
      </h1>
    </div>

<div class="border-t border-blue-300 border-opacity-70"></div>

<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

Image - Figure with figcaption design

Author:
Maxim

1 month ago

244
Live Chat Component using Tailwind Alpine JS
Live Chat Component using Tailwind Alpine JS

Author:
Ahita Bisma Adlula

1 week ago

23
Restaurant menu card

Author:
Anonymous

10 months ago

2.3k
Half filled circle with tailwind

Author:
Alok

2 years ago

12.5k
background animation
background animation

Author:
Anonymous

1 year ago

41.2k
walletp2p

Author:
Anonymous

2 months ago

454
Your upside-down text

Author:
Isabella Kowalski

2 years ago

12.1k
Interactive Order Report Chart with TailwindCSS and Chart.js
Create a stunning and interactive order report chart using HTML, TailwindCSS, and Chart.js. This chart combines bar and line graphs to visualize delivered, shipping, cancelled, and returned orders effectively. Perfect for dashboards and analytics pages with responsive design and clean aesthetics.

Author:
SHARIFUL ISLAM

3 weeks ago

221
Privacy policy page template

Author:
Sameer Sultana

1 year ago

16.8k
Privacy policy page template

Author:
Anonymous

9 months ago

2k
Google map iframe with tailwind

Author:
Kofi Osei

1 year ago

19.6k
Services

Author:
Samuel Abera

2 months ago

709

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1