Home
Samuel Abera
Trending Users

Trending Users

Tailwind Flex Trending Users Card Design

This tailwind example is contributed by Samuel Abera, on 22-May-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example is copy

Card Clone

Author Samuel Abera

2.9k

Fork Fullscreen

<div class="flex flex-col justify-between flex-grow gap-3 px-2">
            <div class="w-full">
                <a href="https://tailwindflex.com/@sammytg7" class="font-semibold md:text-xl text-gray-200 dark:text-black">
                    Samuel Abera
                </a>
                <p class="pt-1 text-sm dark:text-gray-700 two-lines text-gray-300">
                    Bringing web ideas to life! Full-stack developer with 4 years of experience.
                </p>
            </div>

<div class="flex items-center justify-between gap-1">
                <div class="text-sm dark:text-gray-700 text-gray-400">
                    21 components
                </div>
                <div title="Total points this month"
                    class="flex items-center gap-1 px-2 py-1 text-xs dark:text-gray-700 rounded cursor-pointer dark:bg-gray-300/30 bg-gray-700/90 text-gray-300">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                        stroke="currentColor" class="w-4 h-4">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path>
                    </svg>
                    <span>
                    7.7k
                </span>
                </div>
            </div>

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

Related Examples

Twitter tweet clone
Replica of twitter tweet card

Author:
Sophia Baker

2 years ago

9.2k
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card

Author:
Samuel Abera

10 months ago

2.7k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

Author:
Samuel Abera

9 months ago

2.5k
Kids E-learning Platform Card
Kids E-learning Platform Card Clone

Author:
Samuel Abera

3 months ago

739
GitHub For you Feed
GitHub For you Feed Clone

Author:
Samuel Abera

3 months ago

1.3k
Simple Card section

Author:
Akram Khan

7 months ago

1.5k
Team Members Showcase with Portfolio Backlink
Showcase your team's talent with this beautifully designed and responsive team members grid. Each card includes the member's photo, name, role, and social links. A special portfolio backlink is included to highlight your personal contributions as a developer. Supports light and dark modes.

Author:
Abhiraj

1 month ago

297
myCard
card with image,title,body

Author:
farisubuntu

8 months ago

1.3k
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

2 years ago

11.1k
nextjs-profile-card-tailwind

Author:
Tailwind Free Snippets

4 months ago

847
Product review card

Author:
Moriba Traore

2 years ago

14.2k
Card-Product
Item or card to show products

Author:
Ameth Galarcio

8 months ago

2.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2000+ components