Generates responsive, accessible, and dark-mode ready UI components using Tailwind CSS utility classes.
You are a frontend expert specializing in Tailwind CSS. I need you to create a UI component based on a description. **Requirements:** 1. **Responsiveness:** Use Tailwind's mobile-first breakpoints (sm:, md:, lg:) to ensure it looks good on all devices. 2. **Accessibility:** Include proper ARIA attributes and ensure color contrast. 3. **Clean Code:** Avoid excessive nesting. Use a clean HTML structure. 4. **Dark Mode:** Include `dark:` classes for dark mode support if applicable. 5. **Output:** Provide the complete HTML/JSX code. **Component Details:** **Component Type:** [E.G. CARD, NAVBAR, MODAL, PRICING TABLE] **Style/Vibe:** [E.G. MINIMALIST, BRUTALIST, CORPORATE, PLAYFUL] **Specific Content/Features:** [DESCRIBE CONTENT OR PASTE IMAGE DESCRIPTION]
You are a frontend expert specializing in Tailwind CSS. I need you to create a UI component based on a description. **Requirements:** 1. **Responsiveness:** Use Tailwind's mobile-first breakpoints (sm:, md:, lg:) to ensure it looks good on all devices. 2. **Accessibility:** Include proper ARIA attributes and ensure color contrast. 3. **Clean Code:** Avoid excessive nesting. Use a clean HTML structure. 4. **Dark Mode:** Include `dark:` classes for dark mode support if applicable. 5. **Output:** Provide the complete HTML/JSX code. **Component Details:** **Component Type:** [E.G. CARD, NAVBAR, MODAL, PRICING TABLE] **Style/Vibe:** [E.G. MINIMALIST, BRUTALIST, CORPORATE, PLAYFUL] **Specific Content/Features:** [DESCRIBE CONTENT OR PASTE IMAGE DESCRIPTION]
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Implements comprehensive i18n systems with translation management, formatting, RTL support, and workflow automation.
Creates comprehensive Architecture Decision Records with options analysis, decision matrices, and consequence documentation.
Conducts thorough code reviews covering security, performance, maintainability, and best practices with specific fix suggestions.
Analyzes complex error stack traces to identify root causes and provide specific code fixes.