ukrbublik/react-awesome-query-builder

Health v2 · maintenance only

Adoption not part of the score

2259 stars · 530 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity active

ui-components form-handling state-management serialization frontend web-development developer-tools databases query-builder react-component filter-builder antd material-ui sql mongodb fluent-ui bootstrap react javascript typescript web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ukrbublik/react-awesome-query-builder")