- Home
-
PLAN SECTION
PLAN SECTION
This tailwind example is contributed by ABDO-SY, on 14-Apr-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Service rates, Subscription plans

Author ABDO-SY
Related Examples
-
Pricing Card with gradient background
A sleek and transparent card displaying your product's pricing. It's designed to be both visually appealing and informative, helping users understand your pricing options at a glance.
1 year ago8k -
6 months ago716
-
Card with Thumbnail
Post card with image
3 years ago11.1k -
Pricing card
Reveal details on hover
1 year ago3.7k -
2 years ago11.6k
-
6 months ago737
-
Pricing Plan Selector
radio buttons for selecting a pricing plan
1 year ago9.7k -
User Feedback Card
A responsive user feedback card that displays user information, their role, and a testimonial. The card is styled using Tailwind CSS for a clean and modern look.
10 months ago1.2k -
Coming Soon Section
Simple and beautiful card for your showing on your projects (in development) home screen
2 years ago10k -
Profile Card
User Profile Card with Name and Location
11 months ago1.9k -
2 years ago9.4k
-
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.
10 months ago1.8k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components