# ukrbublik/react-awesome-query-builder

User-friendly query builder for React

Repository: https://github.com/ukrbublik/react-awesome-query-builder
Canonical: https://ross.abutalabs.com/products/react-awesome-query-builder
Homepage: https://ukrbublik.github.io/react-awesome-query-builder
Language: JavaScript
License: MIT
License Family: permissive
Topics: reactjs, react-component, react-components, query-builder, react, antd, antdesign, sql, mongo, typescript, material-ui, ant-design, hacktoberfest, hacktoberfest2021, query, filter
Last push: 2026-03-05T05:23:43+00:00

## Health v2 (maintenance only)
Score: 66/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 70, release rhythm 40, longevity 100
- inputs: {"age_days": 3325, "days_push": 181, "days_rel": 474, "gap_med": 4, "n_releases_24m": 12}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2259, forks 530 (observed 2026-08-28T04:06:31.585833+00:00)

## What it is
A user-friendly React component library for visually building queries and filters with a drag-and-drop tree UI. It supports multiple UI skins (Ant Design, Material-UI, Bootstrap, Fluent UI) and can serialize queries to SQL, MongoDB, JSON Logic, and other formats.

## Use cases
- build a visual filter builder in a React app
- let users construct complex search queries with a UI
- convert a user-built query to SQL or MongoDB query
- add advanced data grid filtering to a dashboard
- build nested AND/OR condition trees visually
- export user-defined filters as JSON Logic rules

## When to choose
- you need a polished, maintained query/filter builder for React
- you want multiple UI framework skins out of the box
- you need serialization to SQL, MongoDB, or JSON Logic
- you want TypeScript support and good documentation

## When to avoid
- your app is not React-based
- you need a headless query builder without UI widgets
- you need query building for backends other than SQL/Mongo/JSON Logic
- you want a vanilla JS solution like jQuery QueryBuilder

## Facets
- artifact type: library
- maturity: active
- function: ui-components, form-handling, state-management, serialization
- domain: frontend, web-development, developer-tools, databases
- platform: -
- tags: query-builder, react-component, filter-builder, antd, material-ui, sql, mongodb, fluent-ui, bootstrap, react, javascript, typescript, web

## Member repositories
- ukrbublik/react-awesome-query-builder (main) score 66

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:31.585833+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:42:46.768846+00:00, confidence not recorded.
  - readme: https://github.com/ukrbublik/react-awesome-query-builder (fetched 2026-08-28T04:06:31.585833+00:00, sha aa09bc382883)
  - homepage: https://ukrbublik.github.io/react-awesome-query-builder (fetched 2026-08-29T10:23:41.789065+00:00, sha cd4a88b6e8dd)
- Data as of 2026-08-30T08:39:29.467469+00:00.