# Filters preview

## Filters Desktop

<table>
  <tr>
    <td width="33.3333%">desktop_filter_style_2</td>
    <td width="33.3333%">marketplace_filter_2_1</td>
    <td width="33.3333%">marketplace-1</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/desktop_filter_style_2.html">
            <img src="https://i.ibb.co/BtX3vJp/Screenshot-2396.png" alt="Screenshot-2396" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace_filter_2_1.html">
            <img src="https://i.ibb.co/SV46jwV/Screenshot-2397.png" alt="Screenshot-2397" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace-1.html">
            <img src="https://i.ibb.co/sFsKMCb/Screenshot-2398.png" alt="Screenshot-2398" border="0">
        </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">marketplace-2</td>
    <td width="33.3333%">marketplace-3</td>
    <td width="33.3333%">marketplace-4</td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace-2.html">
            <img src="https://i.ibb.co/WWQv0sr/Screenshot-2399.png" alt="Screenshot-2399" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace-3.html">
            <img src="https://i.ibb.co/rfVYMHg/Screenshot-2400.png" alt="Screenshot-2400" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace-4.html">
            <img src="https://i.ibb.co/HrG28Xy/Screenshot-2403.png" alt="Screenshot-2403" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">marketplace-products</td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/desktop/marketplace-products.html">
            <img src="https://i.ibb.co/b2JVZVT/Screenshot-2404.png" alt="Screenshot-2404" border="0">
        </a>
    </td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
</table>

## Filters Mobile

<table>
  <tr>
    <td width="33.3333%">brand_filter</td>
    <td width="33.3333%">marketplace-1</td>
    <td width="33.3333%">marketplace-2</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/brand_filter.html">
            <img src="https://i.ibb.co/1MH3hWF/Screenshot-2405.png" alt="Screenshot-2405" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-1.html">
            <img src="https://i.ibb.co/bPSfcww/Screenshot-2406.png" alt="Screenshot-2406" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-2.html">
            <img src="https://i.ibb.co/whb0x6S/Screenshot-2407.png" alt="Screenshot-2407" border="0">
        </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">marketplace-3</td>
    <td width="33.3333%">marketplace-filter-3-1</td>
    <td width="33.3333%">marketplace-filter-3-2</td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-3.html">
            <img src="https://i.ibb.co/rmgQxtk/Screenshot-2408.png" alt="Screenshot-2408" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-filter-3-1.html">
            <img src="https://i.ibb.co/xLZKdLP/Screenshot-2409.png" alt="Screenshot-2409" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-filter-3-2.html">
            <img src="https://i.ibb.co/kQHTH1S/Screenshot-2410.png" alt="Screenshot-2410" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">marketplace-product-1</td>
    <td width="33.3333%">marketplace-product-2</td>
    <td width="33.3333%">marketplace-product-3</td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-product-1.html">
            <img src="https://i.ibb.co/tbq2dXv/Screenshot-2411.png" alt="Screenshot-2411" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-product-2.html">
            <img src="https://i.ibb.co/FbPyz4v/Screenshot-2412.png" alt="Screenshot-2412" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/marketplace-product-3.html">
            <img src="https://i.ibb.co/mt88Dn1/Screenshot-2413.png" alt="Screenshot-2413" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">range_filter</td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Filters/src/mobile/range_filter.html">
            <img src="https://i.ibb.co/h9Dhknw/Screenshot-2414.png" alt="Screenshot-2414" border="0">
        </a>
    </td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
</table>
