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

<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

Forgot password?
you can change password an time

Author:
gidy

9 months ago

641
Simple layout

Author:
Edward Carandang

1 year ago

3.2k
Card KPI
Targetas ahora con un grafico

Author:
Raul antonio de la cruz hernandez

3 months ago

597
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

Author:
ORGIN_DREAMS

9 months ago

849
Attractive Feature Section
With Gradient Color 6 Features

Author:
KULDEEP

7 months ago

835
Hero

Author:
ORGIN_DREAMS

9 months ago

1.3k
Coffee & Tea
Coffee: A brewed drink prepared from roasted seeds, called coffee beans, of the coffee plant. Tea: An agricultural product of the leaves, leaf buds, and internodes of various cultivars and sub-varieties of the Camellia sinensis plant, processed and cured using various methods.

Author:
Augustin

9 months ago

999
Moving Background Animation

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

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

10 months ago

1.1k
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:
M Junaid

8 months ago

551
Elegant NavBar + Drawer
A NavBar, a responsive drawer/sidebar, and other useful Tailwind components to get started creating an app. Pure CSS, no JavaScript needed (although this example uses a bit of JS).

Author:
Nick Girga

10 months ago

1.3k
cards
cards with background animation

Author:
Anonymous

2 years ago

11.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components