Bauhaus_EarthTone_Agriculture_Filters_Component
A complex, responsive filter component for agriculture/farming websites, designed in a Bauhaus style with earth tones. Includes various filtering options like categories, price range, ratings, and popular tags, with full dark mode support.
HTML Code
<div class="bg-stone-50 text-stone-800 dark:bg-stone-900 dark:text-stone-200 p-4 sm:p-6 lg:p-8 rounded-lg shadow-xl font-sans max-w-7xl mx-auto border border-stone-200 dark:border-stone-700">
<h2 class="text-2xl sm:text-3xl font-bold mb-6 text-stone-900 dark:text-stone-50 border-b-2 border-stone-400 dark:border-stone-600 pb-2">
Farm Product Filters
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- Category Filter -->
<div class="filterRelated Components
Filters Component
A complex, responsive filters component for a dashboard, featuring a clean, minimalist design with a neon/electric color scheme, supporting multiple interactive elements and dark mode. Designed for data visualization and control panels.
Filters Component
A responsive filters component designed in Brutalism style with a grayscale color scheme for a dashboard setting. It includes interactive filter options and supports dark theme.
Filters Component
A Filters Component designed with a skeuomorphic style, featuring responsive effects and dark theme support. This component uses Tailwind CSS for styling and includes random placeholder images and avatars.