LoveMatch
Top Dating Profiles
This tailwind example is contributed by ORGIN_DREAMS, on 23-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information
Author ORGIN_DREAMS
Related Examples
-
2 years ago11.5k -
7 months ago525 -
canvas fully coverscanvas fully covers
7 months ago756 -
DailyDev CardCard -based card used in the Dailydev Card, this is created to be modified to taste of each user
10 months ago1.7k -
3d BoxLet's build a 3d world empowered by Orgin Dreams.these are 3d objects
7 months ago665 -
3d cardthe Best 3D card with tailwind css
7 months ago425 -
Experience CardExperience card section you can use for portfolio or other profiles.
1 year ago3.8k -
7 months ago1k -
portifolioskills
7 months ago749 -
User Profile CardThis User Profile Card includes: 1. Responsive design using Tailwind CSS classes 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support with appropriate color adjustments 4. Profile picture with hover effect 5. User name, job title, and a brief description 6. Social media icons with hover effects 7. Skill tags with hover animations 8. Connect button with hover effect 9. Subtle animations and transitions for better user experience 10. Automatic dark mode detection based on system preferences Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The 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 that changes color in dark mode - Social media icons and skill tags have hover effects - The Connect button uses Indigo-800 with a Blue-900 hover state - The entire card has a shadow effect that changes on hover - Dark mode is automatically applied based on system preferences This design provides a clean, professional look for a user profile card while incorporating the requested color scheme and maintaining good usability across different devices and color modes.
1 year ago1.9k -
Profile FormEnhanced User Profile Form with Stunning Profile and Cover Image Fields
6 months ago723 -
Profile Card with TransparentDynamic 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
6 months ago650
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
