Patient card

This tailwind example is contributed by Anonymous, on 12-Jul-2024. Component is made with Tailwind v3.4. It is responsive.

Card

Author Anonymous

Tailwind v3.4 2.7k 10

Fork Fullscreen

</div>
    <div class="">
        <div class="p-1.5 bg-black  w-44 rounded-tr-full rounded-br-full mt-2">
            <div class=" text-center">
                <p class="text-white text-sm font-medium tracking-wide"> Lindsay Walton</p>
            </div>
        </div>
        <div class="flex items-center justify-center gap-3 mt-4">
            <p class="text-slate-500 text-sm font-medium  tracking-wide ">Patient&nbsp;Visit :</p>
            <p class="text-black text-sm font-semibold text-center tracking-wide">Fever , Headache</p>
        </div>

</div>
    </div>
</div>

Related Examples

Tailwind AoPS Demo - Isabel
Starter code for an interactive Tailwind Demo

Isabel McGuigan

2 years ago

3.3k
animated blog cards with Tailwind CSS

Michael Andreuzza

2 years ago

6.3k
image

pablitodgb

1 year ago

880
Interactive Pricing Cards
this are pricing cards

ishimwe shadad

1 year ago

1.7k
Profile card

Jaber Zarif

2 years ago

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

Hamza Atig

1 year ago

1.6k
Minimal Testimonial Card

Amit Pachange

3 years ago

9.5k
Chats Screen in neomorphism

Akram Khan

2 years ago

3k
Profile Card
Responsive modern profile card

Rajesh Maheshwari

1 year ago

1.1k
sticky headings
sticky headings

Anonymous

2 years ago

6.6k
grid card

Md. Tofayel islam

2 years ago

2.6k
Basic US Flag Card
Here's a set of card components styled with Tailwind CSS that represent various US-themed elements:

Uwase Alliance

1 year ago

865