Query Shaper logo

<query-shaper>

Attach <query-shaper> to a search input to turn what someone types into precise, fielded/boolean search syntax your backend can actually run (e.g., field:value, AND/OR, exclusions, and ranges) once you describe your backend's fields. It also fixes typos, finishes cut-off phrases, and broadens with related terms out of the box. All of this is powered entirely by Chrome's on-device AI, so understanding what someone types never involves sending it to a third-party AI service. The suggestion they end up accepting still goes to your backend as normal, exactly like any other search box. It's a progressive enhancement, so when it isn't supported, that same search input just keeps working normally.