Create beautiful, responsive UI components using Tailwind CSS with accessibility and best practices built in.
I need a Tailwind CSS component built to these specifications. **Component Type:** [card/button/modal/form/navbar/etc.] **Design Requirements:** - Style: [modern/minimal/corporate/playful] - Colors: [primary and secondary colors or theme] - Responsive breakpoints: [mobile-first/specific breakpoints needed] - Dark mode support: [yes/no] **Functionality:** [Describe interactive behaviors] **Reference/Inspiration:** [Link or description of similar components] **Constraints:** - Must work with: [React/Vue/vanilla HTML] - Accessibility requirements: [WCAG level] - Animation preferences: [subtle/none/elaborate] Please provide: 1. Complete component code with Tailwind classes 2. Responsive design implementation 3. Hover/focus/active states 4. Dark mode variant if requested 5. Accessibility attributes 6. Customization tips
Or press ⌘C to copy