Stylish profile card with a hover effect

Related Examples

• 
  User Profile Card

  The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

  Author:
  Prashant

  3 years ago

  64.1k
• 
  User Profile Card

  Full-page Profile card

  Author:
  Prashant

  3 years ago

  19.3k
• 
  Basic Resume template

  simple and clean layout that provides a professional look.

  Author:
  R.P Ketan

  2 years ago

  27.5k
• 
  User profile card with Cover Image

  Author:
  Noob

  3 years ago

  32.1k
• 
  About me section with image

  Author:
  Kofi Osei

  2 years ago

  24.8k
• 
  Modern resume template

  modern resume template with data

  Author:
  Amit Pachange

  2 years ago

  22.3k
• 
  User profile card with social icons

  Showcases a user's profile information along with links to their various social media accounts.

  Author:
  Simon Scheffer

  2 years ago

  15.1k
• 
  Show user details

  Author:
  Lucas Martinez

  3 years ago

  25.4k
• 
  Portfolio

  This responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the

  Author:
  nejaa badr

  1 year ago

  3.1k
• 
  Uses emoji for attention, mentions key features (modern, responsive, accessible)

  Drop-in Tailwind CSS profile card component with responsive layout, gradient header, and hover effects - zero custom CSS needed. Features skill tags, social icons, and clean stats display. Just copy-paste the HTML, swap in your details, and you're live. Perfect for portfolios, developer profiles, or link-in-bio pages.

  Author:
  Muhammad Umair Arshad

  9 months ago

  1.1k
• 
  User Profile Sidebar Menu

  A clean and modern user profile sidebar menu built with TailwindCSS. This component displays a user’s profile picture, name, and a vertical navigation menu with links such as Dashboard, Order History, Account Details, Address, Reviews, and Logout. Ideal for account dashboards in web applications, the design features rounded corners, subtle shadows, and interactive hover effects, delivering a smooth and user-friendly experience.

  Author:
  SHARIFUL ISLAM

  10 months ago

  1.4k
• 
  User card with Social Icons

  Author:
  Anonymous

  1 year ago

  2k