Exploring Zr-Based Metal-Organic Frameworks as Smart Electrochromic Sensors by Coordination-Driven Surface Engineering

As emerging stimuli-responsive materials, electrochromic metal-organic frameworks (MOFs) are still not utilized in sensing applications due to difficulties in water stability, facile synthesis and functionalization, and efficient translation of specific recognition events. Here, we firstly find that a Zr-based MOF furnished with postsynthetically created viologen-like electron-deficient moiety was electrochromic active. With a coordination-driven surface engineering strategy where phosphate-containing biomolecules are tethered to Zr nodes of the MOF, fine tuning the interface electron transfer was readily achieved, thus benefitting for constructing smart electrochromic sensors through the combination of the sensitivity of electrochemistry with the visuality of colorimetry. Particularly, MOF-coated conductive films enabled label-free detection of phosphoproteins, and aptamer-functionalized ones responded specifically to the target. In two cases distinct color changes allow for visual quantification. This study represents the first example of MOF-based electrochromic sensors developed by an efficient strategy, indicating the generality to electrochromic counterparts for various sensing applications.