User Profile Card
User Profile Card
This tailwind example is contributed by Tanvir Hasan Bappy (Tanvir), on 28-Dec-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information
Author Tanvir Hasan Bappy (Tanvir)
Related Examples
-
Responsive Tailind css cardthe best Responsive Card with image
8 months ago582 -
profile pageThis profile page design includes: 1. Responsive layout using Flexbox 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Profile picture with hover effect 5. About Me section 6. Skills section with interactive tags 7. Contact information with icons 8. Edit Profile button 9. Subtle animations and transitions 10. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The profile card has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - The profile picture has a border color that changes in dark mode - Skill tags have a hover effect that changes their color - Icons in the contact section use the theme colors - The Edit Profile button uses Indigo-800 with a Blue-900 hover state - Dark mode is automatically applied based on system preferences - The entire card fades in on load for a smooth entrance - The profile picture has a subtle scale effect on hover This design provides a clean, professional look while incorporating the requested color scheme and maintaining good usability across different devices and color modes.
1 year ago5.4k -
Profile FormEnhanced User Profile Form with Stunning Profile and Cover Image Fields
7 months ago770 -
Personal cardA card to show minimal info for staff member
1 year ago1.3k -
cardbest responsive tailwind card
8 months ago730 -
AvatarAvatar
1 year ago4.8k -
1 year ago1.1k -
9 months ago1.9k -
Profile CardModern Profile card with Subtle overlay on image, minimal and clean approach with emphasis on readability and hierarchy.
3 months ago508 -
3 years ago11.6k -
User Profile CardUseful for testimonials and reviews section
3 years ago10.7k -
profileuser profile
7 months ago720
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
