Syncfusion Blazor Query Builder

Rules: Individual conditions (field = value)
Groups: Collections of rules combined with AND/OR logic
Operators: Comparison types (equal, contains, between, etc.)
Columns: Data source fields that can be filtered

If you need users to build complex filters with AND/OR logic and nested conditions, this is the Syncfusion Blazor component for that. It's designed for advanced search UIs, business rule engines, and anything where people need to construct queries visually without writing code. The docs cover the basics like defining columns and data types, plus more useful stuff like programmatic rule management, drag and drop, state persistence, and exporting queries to JSON or SQL. You get clone and lock operations for rules and groups, which is handy for workflow scenarios. It's a full featured component, so expect some learning curve, but the event system and data binding patterns are straightforward once you work through the initial setup.

skills.sh installs: 379
GitHub stars: 4
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-query-builder --agent claude-code

Installs into .claude/skills of the current project.

Files

Implementing Syncfusion Blazor Query Builder

The Syncfusion Blazor Query Builder component enables you to build dynamic, customizable query interfaces for filtering data with complex conditions, nested groups, and rule-based logic. It's ideal for advanced search UIs, business rule engines, and data filtering workflows.