137+ Profile (cards, pages, sections) examples in Tailwind CSS
A profile block section typically displays a summary of a user's profile information, such as their name, job title, and profile picture. It may also include a brief description, social media links, and/or call-to-action buttons. This section is commonly used on landing pages, personal websites, and online portfolios to give visitors a quick overview of the user's identity and expertise.
Here is the collection for profile pages, profile cards, and profile sections.
Similar terms: Author box, User information
-
Avtar Cards
this is cards, for the profile section
944 -
879
-
1.5k
-
1.4k
-
Profile Card
Simple and Attractive Profile card in tailwind css
1.1k -
Profile Card with Transparent
Dynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy
1.5k -
Responsive Card Section With Hover Effect
added more cards with ui friendly
1.1k -
Modern resume template
modern resume template with data
618 -
681
-
Social Media
Social Media button vertical dark style
750 -
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.
1.5k
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.