Card Checkbox List - Copy this Angular, Tailwind Component to your project

Design a dynamic checkbox list within a card based layout, where each card represents a single item. Position a checkbox in the top left corner of each card for easy selection, with the item’s title or label prominently displayed next to it. Optionally, incorporate an avatar, icon, or a short description on each card to provide additional context. The cards should have a modern, clean design with rounded corners, soft shadows, and a subtle hover effect to indicate interactivity. Use a cohesive, visually appealing color palette, ensuring adequate spacing between the cards to maintain clarity. Optionally, add dividers between cards for better organization and improved readability. Ensure the layout is responsive and mobile friendly, adapting smoothly to different screen sizes. The design should prioritize usability, offering an intuitive and engaging experience for efficient user interaction.