CCHub Logo CCHub Tailwind Collection
Komponenten Filter Bauhaus_EarthTone_Agriculture_Filters_Component

Bauhaus_EarthTone_Agriculture_Filters_Component

Eine komplexe, responsive Filterkomponente für Landwirtschafts-Websites, gestaltet im Bauhaus-Stil mit Erdtönen. Enthält verschiedene Filteroptionen wie Kategorien, Preisspanne, Bewertungen und beliebte Tags mit vollständiger Unterstützung des Dunkelmodus.

Vorschau

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

Verwandte Komponenten

Filter für neumorphe Ereignisse

Eine einfache, reaktionsschnelle neumorphe Filterkomponente mit warmen Sonnenuntergangstönen für Event- und Konferenz-Websites mit Unterstützung für den Dunkelmodus.

Offen

Komponente "Glassmorphism-Filter"

Glassmorphism Filters Component für Social Media mit responsivem Design und Unterstützung für dunkle Themen.

Offen

Komponente "Filter"

Eine minimalistische und reaktionsschnelle Filterkomponente für den E-Commerce mit Unterstützung für dunkle Themen. Es enthält Kategorien, Preisspanne und einen Farbfilter.

Offen