Composable query UI
Build filters like Notion & GitHub
A schema-driven filter builder with adapter parity — render the same filter tree through Ant Design or shadcn, and keep JSON, DSL, SQL, and validation in sync.
Live demo
Notion-style database filter
Edit any condition and matching issues update instantly — the end-to-end loop a Notion filter popover provides.
status:equals:open AND (assignee:contains:ada OR labels:includes:bug)Matching issues
4 / 6| # | Title | Status | Assignee | Labels | Comments |
|---|---|---|---|---|---|
| #412 | Crash when filtering empty groups | open | grace | bug | 12 |
| #418 | Add IC inline combinator docs | open | ada | docsenhancement | 3 |
| #421 | Preset bar dropdown overflowdraft | open | grace | bugenhancement | 7 |
| #430 | Keyboard navigation for rule rowsdraft | open | ada | featureenhancement | 0 |
Schema-driven filters
Model fields, operators, values, groups, and negation in a small serializable core.
Adapter parity
Render the same filter with Ant Design or shadcn while preserving state and validation.
Round-trip outputs
Inspect JSON, text DSL, parameterized SQL, and validation errors from one source of truth.
Documentation map
Start with the integration path, then dive into adapters, DSL, SQL, and deployment.
Overview
What X-Filter provides and how the packages fit together.
Getting Started
Create a schema, render a builder, and validate the result.
Adapters
Use Ant Design and shadcn adapters over the same core state.
Features
IC mode, i18n, keyboard nav, responsive, presets, undo/redo, import, and query exports.
DSL and SQL
Round-trip filters through text and parameterized SQL.
API Reference
Core types, helpers, React hooks, and adapter props.
Deployment
Static export details for Vercel and immutable docs builds.