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.2k

<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

Simple Login & Register Page
Login and Register Page using Tailwind, Alpine JS, and Fontawesome

Author:
Ahita Bisma Adlula

3 months ago

1.3k
Background image section

Author:
Marc

1 year ago

5.5k
Marquee Slider of Client Logos – Smooth Scrolling Brand Showcase
Enhance your website's credibility with a sleek marquee slider displaying client logos. This continuously scrolling slider provides a dynamic and engaging way to showcase your trusted partnerships, ensuring a professional and visually appealing design. Perfect for businesses, portfolios, and service-based websites.

Author:
SANJAY SINGH GARIYA

2 months ago

394
Play, Pause and Stop buttons

Author:
Lukas Müller

2 years ago

10.7k
Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS
Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

Author:
Abdul Baset Bappy

2 months ago

278
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSS
nhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.

Author:
Abdul Baset Bappy

2 months ago

395
Life Tree
by salvator

Author:
Baraka Salvator

1 week ago

15
DailyDev Card
Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

Author:
Ameth Galarcio

3 months ago

950
visacardes
I'll create professional Visa card components with realistic styling and multiple card types

Author:
ishimwe prince

1 week ago

13
Feature Card
Shows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.

Author:
Coastal UI

1 month ago

215
super admin
super admin

Author:
Tanvir Hasan Bappy (Tanvir)

1 month ago

522
Gradient Flip-Text Button with Hover Animation
This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

Author:
SHARIFUL ISLAM

3 months ago

503

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components