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 Brutalist Filters Component with Tailwind CSS, featuring a responsive design, dark theme support, and placeholders for images and avatars.
BrutalistFiltersComponent
A brutalist-style filters component with high contrast, bold typography, and unusual spacing. It includes checkboxes, radio buttons, and a price range slider. Responsive effects are achieved through media queries and fluid units. Dark mode is supported via CSS.
Filters Component
A simple Filters Component designed for a blog or content consumption website, following a dark mode UI with a monochromatic color scheme. It features a responsive layout with minimal elements.