react-querybuilder/react-querybuilder
The Query Builder component for React observed · 2026-08-28
Health v2 · maintenance only
99/100
- Activity 99
- Release rhythm 98
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 6.0
- age_days: 3729
- days_rel: 14
- days_push: 11
- n_releases_24m: 57
Adoption not part of the score
1724 stars · 311 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
React Query Builder is a minimally opinionated, fully customizable React component for visually constructing queries from nested rules and rule groups, stored as a JSON query object. It ships with utility functions to import from and export to query languages such as SQL, MongoDB, JsonLogic, Elasticsearch, CEL, SpEL, LDAP, and ORM query objects, plus compatibility packages for UI frameworks like Ant Design, Bootstrap, and MUI.
Use cases
- add a visual query builder to a react app
- let users build sql where clauses through a ui
- build a rule or filter builder for an admin dashboard
- convert a filter builder's json state into mongodb queries
- generate elasticsearch or jsonlogic queries from user-built filters
- build an advanced search filter ui in react
- parse sql where clauses into a structured query object
When to choose
- you are building a React app and need a highly customizable query or filter builder UI with sensible defaults
- you need to translate user-built queries into SQL, MongoDB, ORM query objects, JsonLogic, Elasticsearch, CEL, SpEL, or LDAP
- you use a component library like Ant Design, Bootstrap, MUI, Chakra, or Bulma and want matching styled controls
- you want optional add-ons like drag-and-drop, enhanced date/time inputs, expressions, or an if-then-else rules engine
When to avoid
- you need a query builder for Vue, Angular, or Svelte rather than React
- you need backend-only query parsing or validation with no visual component
- you need to execute queries against a database - this builds query representations, it does not run them
Facets
library · maturity stable
ui-components parser serialization web-development frontend browser react query-builder rule-builder filter-builder sql mongodb json-logic elasticsearch cel ldap typescript admin-dashboards no-code-query-ui nodejs
10 sources
- readme: https://github.com/react-querybuilder/react-querybuilder · fetched 2026-08-28 · b9a0a5e3618e
- homepage: https://react-querybuilder.js.org/ · fetched 2026-08-29 · 4f5baa8d4f18
- site_page: https://react-querybuilder.js.org/docs/4/intro · fetched 2026-08-29 · 3af4aef97c00
- site_page: https://react-querybuilder.js.org/docs/3/intro · fetched 2026-08-29 · f28a600acc36
- site_page: https://react-querybuilder.js.org/docs/utils/export · fetched 2026-08-29 · 4b203081f4ef
- site_page: https://react-querybuilder.js.org/docs/components/querybuilder · fetched 2026-08-29 · 0e018017e50d
- site_page: https://react-querybuilder.js.org/docs/intro · fetched 2026-08-29 · 5e2ecd31f4b2
- site_page: https://react-querybuilder.js.org/docs/next/intro · fetched 2026-08-29 · 3ffd0e15d841
- site_page: https://react-querybuilder.js.org/docs/6/intro · fetched 2026-08-29 · d29ead81eb65
- site_page: https://react-querybuilder.js.org/docs/5/intro · fetched 2026-08-29 · 72dfcca408a3
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| react-querybuilder/react-querybuilder | main | 99 |
For agents
markdown · JSON · MCP: product_card(name="react-querybuilder/react-querybuilder")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem