Query builder UI examples
Query builder UI design examples from SaaS apps. See how interfaces let people express a query through controls. Explore how fields, operators, values, and condition groups are arranged to show the query…
Explore the examples
A data query builder interface for analyzing user behavior and events over time.
The screenshot displays a workflow diagram with two connected actions.
The image shows a flowchart diagram outlining a process with steps like 'Contact added', 'Timer', 'Experiment', 'Control', 'Variant', and 'Loop completed'.
The screenshot shows a modal for setting visibility conditions, with dropdown menus and options to add conditions.
The UI shows a morning summary setup with triggers and actions.
The screenshot displays a rules configuration interface.
The screenshot displays a user interface for defining logic within a system, likely for automating actions based on user interactions.
A workflow diagram showing a sequence of actions triggered by an email.
A workflow diagram showing a sequence of actions triggered manually.
The screenshot displays a data flow diagram with three source nodes labeled 'Find people' and a destination node labeled 'Software developers and designers'.
A workflow diagram showing a sequence of actions triggered by an appointment completion, including a wait period, a check condition, sending text messages, and adding to an account balance.
Browse the full component library
See 47 more Components.
Trusted by the best teams
About Query builder
See how interfaces let people express a query through controls. Explore how fields, operators, values, and condition groups are arranged to show the query structure.