Your budget

Prices in US dollars

Show 344 products up to $30

No. 084UI components

Filtering Components Pack

Filter sidebars, a dual-handle price slider, applied-filter chips, toolbar dropdowns and a mobile filter sheet for stores and data apps.

$12

Fits your $30 budget

  • Includes the Standard license: personal, commercial and client work for one person.
  • Instant download after payment, plus an email with links that stay active for 30 days.
  • Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
Contents
36 components
File formats
.fig, .sketch, .xd, .png
Supported software
Figma, Sketch, Adobe XD
Download size
13 MB
Good for
  • Online store catalogs
  • Job and property listings
  • Admin data tables

About this product

Filtering patterns for stores and data-heavy apps are gathered into 36 components. A sidebar with collapsible groups holds checkbox lists with result counts, a dual-handle price slider, color swatches, size chips and a rating filter. Toolbar versions use dropdown buttons, applied filters appear as removable chips with a clear-all link, and a query builder handles and/or rules.

On phones, a 375 px bottom sheet collects every group and ends with a show-results button. Catalogs, job boards, property listings and admin tables all rely on filters, and building them from one pack keeps selected, partially selected and disabled states identical from page to page.

What's inside

  • 36 components for sidebars, toolbars and mobile sheets
  • Dual-handle price slider and color swatch filter
  • Removable applied-filter chips with clear all
  • Query builder with and/or rule groups
  • 375 px mobile filter bottom sheet

License

Standard license

Included with every purchase

For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.

Allowed

  • Design a client's website with a UI kit and hand over the finished site
  • Use the same asset in as many of your projects as you like
  • Build your startup's pitch deck from a presentation template
  • Use an icon set throughout your company's web app

Not allowed

  • Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
  • Uploading the files anywhere others can download or extract them, such as a public repository
  • Letting several people work from one Standard license (a Team license covers that)
  • Selling print-⁠on-⁠demand merchandise or templates built on the assets without an Extended license

Search by name, type, tag or app, for example “dashboard” or “Figma”.