Intuitive Svelte Filter Builder

SVAR Filter is a set of lightweight and flexible Svelte components for building and editing complex, multi-level queries for structured data.

Get Started

View Demos

Licensed under MIT

Also available for:

Add Filtering Feature with Ease

With the the SVAR Filter library, you can add a clear, user-friendly filtering UI to lists, data tables, or any array of data. It allows you to build filtering rules and query logic for one or multiple fields, create nested conditions, and group filters using AND/OR operators.

Try Live Demo

This demo shows how SVAR Filter works with SVAR Svelte DataGrid.
Edit, add, or delete filter conditions. Double-click a filter field to change it. For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Open Fullscreen Demo

Advanced Features of Svelte Filter

Build filtering rules for multiple fields at once, add sub-filters, group and combine filters with AND/OR logic. Different conditions can be set to handle complex filtering scenarios

SVAR Svelte Filter components support different types of filters to process text, numeric and date values. Dates and numbers can be displayed in a format familiar to the user.

You can load field options on demand when a new filter is created. This improves performance with large datasets or dynamic fields.

Choose the layout that fits your design: display fields and rules vertically or in a horizontal line. From simple single-field filters to complex filter bars, SVAR Filter is a great time-saver.

You can easily customize text labels and date formats to match your language and regional standards. Provide your users with a familiar, intuitive filtering experience.

SVAR Svelte Filter library includes detailed settings for each filter type. Its straight-forward API makes it easy to set and retrieve values as well as track changes.

Intuitive Svelte Filter Builder

Add Filtering Feature with Ease

Try Live Demo

Advanced Features of Svelte Filter

Complex filtering

Works with different data types

Dynamic loading of options

Vertical or horizontal layouts

Localization

Intuitive API

Get Help at Every Step

Documentation

Community Forum

Professional support

Technical support team

Resources

How to start guide

Community forum

GitHub repositories