Feedback Components Component
A simple brutalist feedback component with grayscale colors, dark mode support and responsive design.
HTML Code
<div class="max-w-md mx-auto my-8 bg-white dark:bg-gray-900 shadow-lg border-2 border-black dark:border-gray-700 p-6">
<h2 class="text-2xl font-bold text-black dark:text-white mb-4 border-b-2 border-black dark:border-gray-700 pb-2">Feedback</h2>
<div class="mb-4">
<div class="flex items-center mb-2">
<img src="https://www.randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-10 h-10 rounded-full border-2 border-black dark:border-gray-700 mr-4">
<p class="font-bold text-black dark:text-white">John Doe</p>
</div>
<div class="bg-gray-100 dark:bg-gray-800 border-2 border-black dark:border-gray-700 p-4">
<p class="text-black dark:text-gray-300">"This article was incredibly insightful and well-written. I appreciate the clear explanations."</p>
</div>
</div>
<div class="mb-4">
<div class="flex items-center mb-2">
<img src="https://www.randomuser.me/api/portraits/women/2.jpg" alt="Avatar" class="w-10 h-10 rounded-full border-2 border-black dark:border-gray-700 mr-4">
<p class="font-bold text-black dark:text-white">Jane Smith</p>
</div>
<div class="bg-gray-100 dark:bg-gray-800 border-2 border-black dark:border-gray-700 p-4">
<p class="text-black dark:text-gray-300">"I found a minor typo on page 3, but overall, a fantastic read!"</p>
</div>
</div>
<div class="text-right">
<button class="bg-black dark:bg-gray-700 text-white dark:text-gray-300 px-6 py-2 border-2 border-black dark:border-gray-700 font-bold hover:bg-gray-800 dark:hover:bg-gray-600">
Give Feedback
</button>
</div>
</div>Related Components
Feedback Components Component
A minimalist feedback component designed for e-commerce, featuring soft pastel colors, responsive design, and dark theme support. The component includes a feedback form with input fields, a rating system, and a submit button, all styled with Tailwind CSS.
Non-Profit Feedback Component (3D Style)
A simple, responsive feedback component for non-profit organizations, featuring a 3D design aesthetic and warm sunset tones. Includes dark mode support.
Feedback Components Component
A complex, responsive feedback and testimonial section for business/corporate websites, designed with a dark mode UI and pastel color scheme. Includes multiple interactive elements like testimonials, a contact form, and a rating display.