Nature's Powerful Meme

    TypeScript icon, indicating that this package has built-in type declarations

    20.3.56 • Public • Published


    JavaScript Query Builder is a rich and responsive UI for filtering large amounts of data by creating or editing conditions that can be combined with data visualization controls like DataGrid and Charts to view the filtered data. It outputs structured JSON filters that can be easily parsed to create SQL queries. It allows you to create conditions and group them using AND/OR logic.


    This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA ( To acquire a license, you can purchase one at or start a free 30-day trial here (

    A free community license ( is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.


    To install QueryBuilder and its dependent packages, use the following command

    npm install @syncfusion/ej2-querybuilder

    Components included

    Following list of components are available in the package.

    • QueryBuilder - QueryBuilder Query Builder component is a graphical user interface that allows users to create and edit filters. It outputs a structured JSON of filters that can be easily parsed to create SQL. It is integrated with Data Manager to communicate with data sources and returns the desired result based on the provided filter. It supports data binding, templates, validation, and horizontal and vertical orientation.

    Supported Frameworks

    These components are available in following list of frameworks.

    1. Angular Query Builder
    2. React Query Builder
    3. [Vue Query Builder](React Query Builder)
    4. JavaScript Query Builder (ES5)
    5. ASP.NET Core Query Builder
    6. ASP.NET MVC Query Builder

    Showcase samples

    Key Features


    • Data binding: It auto populates the data source and maps the data to the appropriate fields.

    • Template: Supports templates and it is applicable for all input components.

    • Queries: Queries supports JSON/SQL rules.


    Product support is available for through following mediums.


    Check the license detail here.


    Check the changelog here

    © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.


    npm i @syncfusion/ej2-querybuilder

    DownloadsWeekly Downloads





    SEE LICENSE IN license

    Unpacked Size

    3.53 MB

    Total Files


    Last publish


    • syncfusionorg
    • essentialjs2
    • syncfusion-javascript