- Home
-
Info Card with image
Info Card with image
An info card with an image, a short title, and a short description.
This tailwind example is contributed by Arya, on 27-Dec-2022. Component is made with Tailwind CSS v3.

Author Arya
Related Examples
-
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card
1 year ago3.3k -
Cards - Users Card DaddyBrasil
Users card grid list - daddybrasil.com.br
6 months ago1.7k -
2 years ago12.6k
-
1 year ago15.2k
-
card
It's a product card
1 month ago307 -
Product / Service Card
Example of a card that can be used as a blog, product, or service card with reviews.
2 years ago16.2k -
Website Pricing List Card Component
A Website Pricing List Card Component is a reusable UI element that displays pricing plans or packages on a website, typically for SaaS products, subscriptions, or service tiers. It helps users easily compare different pricing options and choose the best one.
3 hours ago4 -
10 months ago1.4k
-
Card Component
This component is a simple card (without image) component with hover effect & Dark mode Supported & full responsive
1 year ago2.9k -
Author card
Author card for giving credit to the author of the Blog/Article. It has social media icons and user image
1 year ago7.1k -
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.
6 months ago1.5k -
9 months ago2k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components