Components Filters Bauhaus_EarthTone_Agriculture_Filters_Component

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.

Preview

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="filter

Related Components

Filters Component

A responsive Filters Component designed for dark mode UI using Tailwind CSS. It includes options to filter content, uses dark backgrounds, and saves battery life.

Open

FiltersComponent

A responsive Filters Component designed in Material Design style for E-commerce applications with a dark theme support. It includes multiple interactive elements for an enhanced shopping experience.

Open

Filters Component

A minimalist and responsive Filters Component for e-commerce, with dark theme support. It includes categories, price range, and a color filter.

Open