Simple card layout with image

Related Examples

• 
  Card with image full width

  This component is a card designed for showcasing featured blog posts. It includes the post title, a captivating image, category links, and author details.

  Author:
  Mr Robot

  2 years ago

  13.6k
• 
  Card grid for blog Posts / Articles

  Author:
  Abhijit Sen

  2 years ago

  24.1k
• 
  Recipe card

  A modern and responsive Tailwind CSS recipe card with image, ingredients, and instructions. Supports dark mode and mobile view.

  Author:
  Rajesh Pandey

  7 months ago

  872
• 
  Subcribe Card - Alert - Notification

  Author:
  ABDO-SY

  10 months ago

  915
• 
  Card Component

  A Simple Card Component with full responsiveness and dark mode supported

  Author:
  Shariar Hasan

  1 year ago

  3.5k
• 
  Play Music - Reproductor

  Multimedia music player, with its respective dark mode

  Author:
  Ameth Galarcio

  1 year ago

  2.6k
• 
  Info card for admin panal

  Show stats on your dashboard

  Author:
  Arya

  3 years ago

  13k
• 
  Animated cards with Tailwind CSS

  Author:
  Michael Andreuzza

  1 year ago

  11.9k
• 
  Feature Card

  Shows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.

  Author:
  Coastal UI

  8 months ago

  399
• 
  Cards - Users Card

  This Users Card design includes: 1. Responsive layout using Flexbox 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. User list with avatars, names, and roles 5. Hover effects on user items 6. "Add Member" button 7. Card footer with team member count 8. Subtle animations and transitions 9. Accessibility considerations (proper heading structure, color contrast) 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 - User avatars have a border color that changes in dark mode - User items have a hover effect that scales them slightly - The "Add Member" 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 card has a hover effect that enhances its shadow This design provides a clean, professional look for displaying team members while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  1 year ago

  2.3k
• 
  Feature Section Cards

  Author:
  Akram Khan

  1 year ago

  2k
• 
  Créer une story

  Créer une story

  Author:
  Omer fils ELENGA

  1 month ago

  252