E-commerce

Category Filter

Product category filtering component for e-commerce sites

Category Filter 1

This design block features a filter sidebar with multiple criteria to sort products. It includes options to filter by rating (1 to 5 stars), price range (from lowest to highest), brand (Apple, Samsung, Xiaomi), and battery capacity (in mAh). There is also an option to expand for more brands.

Filter

Rating

1 2 3 4 5

Price

Brand

Battery

Category Filter 2

Use this Tailwind CSS category filter block to let users sort eCommerce products by 1-5 star ratings, price range, brands like Apple or Samsung, and battery capacity, with an expandable brand list for precise shopping.<br/>This design block features a detailed filter sidebar with multiple filtering options. Users can filter by company name, account location, number of employees, owner, stage, and technologies. The 'Show more Filters' button offers an option to reveal additional filtering criteria.

Filter

Category Filter 3

This design block displays an advanced filter modal with several filter options. The user can select job status, mode, frequency, and schedule using dropdown menus, and can also choose specific options like 'Important', 'To Review', or 'Not Working'. A button allows the user to schedule or save the filter configuration.

Category Filter 4

This design block shows a simplified advanced filter panel for selecting product options. The filters include price range, brand, customer rating, and storage capacity, each with a dropdown menu for user selection.

Advanced Filter
Price Range
Brands
Customer Rating
Storage Capacity

Category Filter 5

This design block showcases a detailed filter panel for selecting new arrival products. It includes checkboxes for product types, sizes, brands, and a price range slider. Additional filters for color and product selection are also provided.

New Arrivals

Category Filter 6

This filter panel is designed for a real estate listing platform. It allows users to filter properties by location, property type (e.g., flat, villa, studio), furnished status, bathrooms, bedrooms, price range, square footage, and year built. Additionally, amenities like air conditioning and pet allowance are also selectable.

Property Filter

Property type

Furnished type

Bathrooms

Bedrooms

Price range

$0 $10B

Square Feet

0 3200

Year Built

Ameneties