Zebiao
Qiu‡
,
Qianchi
Xiong‡
,
Heng
Zhang
,
Yue
Xiao
,
Ling
Zhang
,
Ruijuan
Wen
,
Liping
Ding
*,
Haonan
Peng
* and
Yu
Fang
Key Laboratory of Applied Surface and Colloid Chemistry (Ministry of Education), Shaanxi Key Laboratory of New Conceptual Sensors and Molecular Materials, School of Chemistry and Chemical Engineering, Shaanxi Normal University, Xi'an 710062, P. R. China. E-mail: dinglp33@snnu.edu.cn; phn@snnu.edu.cn
First published on 20th June 2025
Real-time, low-power, and selective detection of ammonia (NH3) is of critical importance in semiconductor manufacturing, environmental monitoring, and occupational safety. However, current sensing technologies often fall short in achieving a balance between sensitivity, stability, device integration, and user accessibility. In this work, we introduce a structurally asymmetric porous organic polymer membrane, synthesized via a liquid–liquid interfacial acylhydrazone condensation reaction, that enables rapid (∼1 s), reversible, and visually perceptible colorimetric sensing of NH3. The membrane exhibits dynamic keto–enol tautomerism and a well-defined anisotropic morphology—featuring a dense organic-phase side and a highly porous, fibrous aqueous-phase side—that collectively enhance molecular diffusion and optical responsiveness. Upon exposure to NH3, the disruption of intramolecular hydrogen bonding within the membrane backbone induces a pronounced absorption red-shift and a visible color transition from pale yellow to orange. Building on these molecular-level interactions, we engineer a laminated optical sensor that leverages UV-vis absorption changes for device-level signal transduction, achieving a quantification limit as low as 1 ppm. Additionally, we implement a smartphone-assisted RGB extraction method to enable semi-quantitative and user-friendly data analysis, highlighting the potential of the membrane for intelligent, field-deployable sensing. This work establishes a new paradigm in porous organic polymer-based gas sensors by uniting dynamic covalent chemistry, interfacial nanostructuring, and accessible device engineering to meet the demands of next-generation ammonia monitoring.
Conventional NH3 sensing platforms—such as electrochemical sensors, metal oxide semiconductors (MOS), and optical spectrometers—have made considerable progress but still face important limitations.13–15 MOS-based sensors typically require elevated temperatures to function, leading to high power consumption and limited material compatibility.16,17 Fluorescence-based sensors, on the other hand, offer excellent sensitivity and resolution,18–20 but their long-term use is constrained by photochemical instability and the complexity of signal readout.21 In contrast, colorimetric sensors based on absorption spectral shifts offer inherent advantages including simplified device architectures, visual interpretability, and greater photostability.22,23 Yet, achieving high sensitivity and chemical specificity in a scalable and mechanically robust platform remains a key materials challenge.
Porous organic polymers (POPs) have emerged as a promising class of materials for gas sensing applications due to their structural tunability, high surface area, and abundance of chemically addressable sites.24–26 Their modular synthesis enables the incorporation of targeted functional groups capable of specific interactions with gas molecules, while the intrinsic porosity enhances diffusion and analyte uptake. These features collectively support rapid, selective, and low-energy sensing.27–30 However, translating the molecular-level advantages of POPs into macroscopically processable and mechanically robust sensing devices—particularly those capable of reliable optical transduction—remains underexplored (Scheme 1).31
In this study, we report a novel porous organic polymer membrane, termed BTH–DFP, synthesized via interfacial acylhydrazone condensation between 1,3,5-benzene tricarbohydrazide (BTH) and 2-hydroxy-m-xylylbenzaldehyde (DFP). The dynamic covalent reaction at the liquid–liquid interface affords a free-standing, highly crosslinked membrane with a ductile fibrous morphology.32,33 The presence of short alkyl linkers within the DFP monomer introduces molecular flexibility into the polymer backbone, facilitating film formation, improving mechanical integrity, and promoting efficient gas diffusion. These structural features enable the BTH–DFP membrane to maintain both stability and responsiveness under ambient conditions.
Of particular interest is the ortho-hydroxyl group on the DFP unit, which can participate in intramolecular hydrogen bonding with the adjacent hydrazone linkage, leading to modulation of the π-conjugation and absorption characteristics of the polymer. In addition, spectroscopic analyses suggest the presence of reversible keto–enol tautomerism within the framework, which further contributes to the material's optical tunability.34,35 Upon exposure to NH3 vapor, hydrogen bonding interactions between ammonia and the polymer backbone disrupt the original hydrogen-bonding network, inducing a red-shift in the absorption spectrum that is visually observed as a color change from pale yellow to orange.
To translate this molecular response into a functional device, we integrate the BTH–DFP membrane into a layered optical sensor architecture by mounting the film onto a quartz substrate. In this configuration, changes in light transmittance through the membrane—arising from NH3-induced spectral shifts—are quantitatively recorded via a photodetector. Unlike fluorescence-based platforms that require high-energy excitation sources and complex optics, this absorption-based design enables real-time NH3 detection with simplified instrumentation and relatively low power consumption.36–38 The porosity, mechanical robustness, and optoelectronic responsiveness of the membrane further support its integration into compact and deployable sensor formats suitable for semiconductor environments.
Altogether, this work presents a dynamic covalent porous polymer platform that combines molecular-level recognition with device-level optical signal transduction for colorimetric gas sensing. By addressing key challenges in selectivity, signal reliability, and integration feasibility, the BTH–DFP membrane contributes a promising strategy for developing next-generation NH3 sensors and expands the design principles of POP-based functional sensing materials.
X-ray photoelectron spectroscopy (XPS) analysis provided further insights into the elemental composition and bonding environments of the membrane (Fig. 1b–e). The survey spectrum confirmed the presence of C, N, and O as the main elements. High-resolution C 1s spectra (Fig. 1c) were deconvoluted into three peaks at 284.6 eV, 286.3 eV, and 288.1 eV, corresponding to CC, C
N–C, and C
O species, respectively. The N 1s spectrum (Fig. 1d) exhibited two major peaks at 400.0 eV and 400.7 eV, which can be assigned to C–N and C
N bonds, indicative of the formation of hydrazone linkages. The O 1s spectrum (Fig. 1e) showed components at 532.2 eV and 533.5 eV, corresponding to C
O and C–OH environments, respectively. The coexistence of C
O and C–OH species suggests partial enolization or hydrogen bonding interactions within the framework (Fig. 1f).41
The thermal stability of the BTH–DFP membrane was assessed using thermogravimetric analysis (TGA) (Fig. S2†). The membrane exhibited negligible mass loss below 300 °C, demonstrating excellent thermal robustness and suitability for integration into sensing devices operating under low to moderate temperature conditions.
Water contact angle (WCA) measurements revealed values of 56 ± 3° on the aqueous phase side and 46 ± 3° on the organic phase side (Fig. 2b), suggesting moderate hydrophilicity on both surfaces. The difference in contact angles indicates a potential asymmetry in surface structure and wettability, which may contribute to enhanced interfacial adhesion, as qualitatively supported by adhesion tests (Fig. S4†). However, given the relatively small WCA difference, this asymmetry is more convincingly demonstrated through electron microscopy. Surface morphology characterization via scanning electron microscopy (SEM) (Fig. 2c and d) revealed a clear contrast between the two sides of the membrane. The organic phase side (Fig. 2c) displays a relatively dense and smooth morphology, whereas the aqueous phase side (Fig. 2d) presents a more open, porous, and fibrous architecture.
Considering that polymerization kinetics and phase separation behavior at the liquid–liquid interface are critical factors influencing the formation of porous morphologies, we systematically tuned the composition of the reaction system to investigate their effects. Specifically, we varied the concentration of the precursor solution and the amount of acetic acid (HAc) catalyst during interfacial polymerization. As shown in Fig. S14a†, increasing the volume of HAc led to a more pronounced fibrous porous morphology, suggesting that HAc plays a pivotal role in regulating the polymerization rate and phase separation dynamics.
To further elucidate the tunability of the porous structure, we adjusted the precursor concentration. As shown in Fig. S14b†, higher precursor concentrations resulted in larger pore sizes and thicker membranes, highlighting the influence of monomer content on the structural evolution of the resulting membrane. The porous, fibrous morphology on the aqueous side is expected to enhance surface area and facilitate mass transport, while the denser organic-facing surface provides improved mechanical integrity and acts as a barrier layer.
Atomic force microscopy (AFM) (Fig. 2e) further corroborates the structural asymmetry. The aqueous phase side exhibits significantly higher surface roughness with visible nanoscale protrusions, in contrast to the smoother organic phase side. These results are consistent with the SEM observations and support the existence of an anisotropic membrane surface.
High-resolution transmission electron microscopy (HR-TEM) (Fig. 2f) and X-ray diffraction (XRD) analysis (Fig. S5†) indicate the amorphous nature of the membrane, with no evidence of long-range crystalline order. The membrane interior exhibits a disordered network-like structure, in line with the dynamic covalent assembly mechanism.
Elemental distribution was assessed by energy-dispersive X-ray spectroscopy (EDS). Mapping results on both the aqueous phase (Fig. 2g) and organic phase (Fig. 2h) sides show homogeneous distributions of C, N, and O, with no detectable phase separation or elemental aggregation, suggesting uniform chemical composition across both surfaces. Cross-sectional SEM imaging (Fig. 2i) revealed that the membrane possesses a layered architecture with a total thickness of approximately 2.8 μm.
Collectively, these results demonstrate that the BTH–DFP membrane possesses a chemically uniform yet structurally anisotropic architecture, combining a porous, fibrous side favorable for diffusion with a dense surface that offers mechanical robustness, establishing a strong basis for potential applications in interfacial sensing technologies.
UV-vis absorption spectroscopy was employed to further probe the interaction between NH3 and the membrane. Following exposure, a new absorption band emerged at approximately 460 nm (Fig. 3c), indicating a change in the electronic environment of the chromophoric units within the membrane. This spectral redshift suggests an NH3-induced structural or electronic reorganization, potentially involving modifications to conjugation length or hydrogen bonding networks.
To assess the origin of this optical transition, SEM images before and after NH3 exposure (Fig. S7†) were compared and showed no apparent morphological changes, thereby excluding macroscopic structural collapse as a contributing factor. Further insight was obtained from FTIR spectroscopy (Fig. S8†): a redshift in the CO stretching vibration, along with spectral changes around 1550 cm−1, suggests perturbation of the original intramolecular hydrogen bonds-particularly those between hydroxyl groups and adjacent C
N linkages. This interaction may disrupt the hydrogen-bond-stabilized six-membered ring motifs and promote a more delocalized π-conjugated structure, thereby accounting for the observed absorption shift.43 To support this mechanism, we constructed a molecular model of the membrane and carried out density functional theory (DFT) calculations(Fig. S9†). The results indicate that NH3 adsorption disrupts the intramolecular hydrogen-bonding network and significantly reduces the HOMO–LUMO energy gap from 6.16 eV (unbound) to 4.92 eV (after NH3 binding) (Fig. S10†). Moreover, simulated UV-vis spectra show the emergence of a new long-wavelength absorption feature upon NH3 interaction (Fig. S11†), which aligns well with our experimental observations. These findings further validate the proposed sensing mechanism, in which NH3 exposure disrupts hydrogen bonding within the membrane and induces concurrent structural and electronic changes, ultimately resulting in the observed optical response.
The selectivity toward NH3 of the membrane was further evaluated by exposing it to various volatile organic compounds (VOCs). As shown in Fig. S12†, no comparable visual color change was observed upon exposure to potential interferents. Principal component analysis (PCA) based on RGB response data (Fig. 3d) demonstrated clear statistical separation between NH3 and other analytes. Moreover, pseudo-color mapping of RGB intensity ratios (Fig. 3e) revealed a distinct chromatic fingerprint for NH3, in stark contrast to those of VOCs, further reinforcing the sensor's specificity.44
Together, these results confirm that the BTH–DFP membrane enables rapid, selective, and visually perceptible ammonia sensing under ambient conditions. The combination of ultrafast response time, well-defined chromatic transition, and analyte discrimination capability highlights its potential for real-time and field-deployable gas detection platforms.
The sensing device adopts a vertically stacked configuration (Fig. 4a), consisting of a 460 nm LED light source, an optical filter, the BTH–DFP membrane, a transparent detection window, and a wavelength-matched photodetector. This architecture ensures precise spectral isolation of the chemically responsive region and enables the selective transduction of molecular recognition events into electrical signals.45–47 In the absence of NH3, the transmitted light intensity through the membrane, recorded as I0, remains constant. Upon exposure to NH3, enhanced absorption at 460 nm reduces the transmitted intensity to I, owing to ammonia-induced modulation of the electronic structure of the membrane. The sensor response is thus defined by the ratio I/I0, which decreases proportionally with increasing NH3 concentration, offering a robust and real-time metric for gas quantification.
To enable automated and reproducible operation, the optical module was integrated into a digitally controlled microfluidic system (Fig. 4b), equipped with solenoid valves, programmable pumps, and a custom-built signal acquisition board. This setup permits accurate delivery of gaseous analytes from sealed sampling bags and facilitates rapid sensor regeneration across measurement cycles. A photograph of the assembled platform is shown in Fig. 4c, illustrating its modular design and high operational precision.
Altogether, this integrated system exemplifies a generalizable approach for developing portable optical gas sensors by coupling material-intrinsic spectral responsiveness with scalable optoelectronic interfaces. Beyond ammonia detection, this strategy offers a versatile blueprint for the development of real-time environmental sensing technologies targeting a broad range of volatile analytes.
Given the asymmetric architecture of the membrane, we compared the sensing response when NH3 vapor was introduced from either the aqueous-phase side or the organic-phase side. As shown in Fig. 5b, exposure from the aqueous-phase side led to a rapid signal drop within ∼1 s, followed by gradual recovery to baseline within 97 s upon purging with ambient air. In contrast, exposure from the organic-phase side (Fig. 5c) resulted in significantly attenuated signal changes and negligible recovery. This directional discrepancy is attributed to morphological differences: the aqueous-phase side features a porous, fibrous structure that facilitates gas diffusion and exchange, whereas the organic-phase side is denser and less permeable, hindering analyte transport.48 To further elucidate the structure–performance relationship, we evaluated the effect of pore structure on sensing behavior. Laminated sensors fabricated from membranes with varying pore sizes were exposed to a fixed concentration of NH3 vapor. As shown in Fig. S14c†, membranes with larger pores exhibited stronger optical response intensities but lower recovery efficiencies. This trade-off likely arises from the increased membrane thickness associated with higher precursor concentrations, which enhances gas uptake but concurrently impedes desorption, thereby delaying signal recovery.
Under optimized conditions, the response of the membrane to NH3 at varying concentrations was evaluated (Fig. 5d). The response signal—quantified as the relative change in transmitted intensity—decreased progressively with increasing NH3 concentration from 1 to 100 ppm, displaying excellent linearity (R2 = 0.997). These results confirm the potential of the membrane for reliable quantitative analysis. Compared with recently reported high-performance NH3 sensors (Table S1†), the BTH–DFP-based sensor exhibits a fast response time (1 s) and a low quantification limit (1 ppm), outperforming many chemiresistive and fluorescence-based sensors in terms of speed and sensitivity.
To evaluate selectivity, the membrane was exposed to saturated vapors of 21 representative volatile organic and inorganic compounds (Fig. 5e). Only NH3 produced a significant change in the signal, while all other analytes yielded negligible responses, indicating high chemical specificity. This selectivity may originate from the strong Lewis basicity and steric characteristics of NH3.
Sensor reproducibility was confirmed by testing five independently fabricated membrane batches under identical conditions (Fig. 5f). All batches exhibited consistent response magnitudes, demonstrating excellent batch-to-batch uniformity. Long-term operational stability was assessed through 85 consecutive exposure–recovery cycles using 50 ppm NH3 (Fig. 5g), during which the membrane maintained stable performance without significant signal drift or degradation, highlighting its outstanding reversibility and durability.
Importantly, this method eliminates the need for specialized analytical instrumentation. Users can simply photograph the membrane with a smartphone and upload the image to an app-based system (Fig. 6c), which automatically extracts RGB values and estimates the corresponding NH3 concentration based on pre-calibrated colorimetric models. This image-based quantification strategy enhances the sensor's portability, accessibility, and ease of use, making it suitable for point-of-care and field applications.
To demonstrate its practical utility, a simulated NH3 leak scenario was established by delivering 50 ppm ammonia vapor through micro-perforated rubber tubing using a miniature air pump. The BTH–DFP membrane was positioned near the leak site, and a smartphone image was captured following exposure. As shown in Fig. 6d, RGB parameters extracted from the image yielded an estimated local NH3 concentration of approximately 20 ppm via the smartphone app. This result confirms the effectiveness of the membrane for real-world applications such as on-site ammonia leak detection and supports its integration into portable, user-friendly sensing systems.
To further simulate a real-world scenario, we carried out a sealed-carton test (Fig. 7d). Carton 1 contained trace NH3 vapor, while cartons 2 and 3 contained a lab coat and a notebook, respectively, serving as common non-target packaging materials. Gas samples were extracted from the cartons via syringe and analyzed using the sensor (Fig. 7e). Both sensing formats successfully detected NH3 in carton 1, with no false positives in the control cartons (Fig. 7f). These findings highlight the great potential of this sensor for practical deployment in field monitoring and packaging safety applications.
By coupling the intrinsic optical responsiveness of the membrane with a laminated transmission-type device architecture, we constructed a compact optical sensor capable of real-time ammonia detection with a response time of 1 s and a quantification limit as low as 1 ppm. Furthermore, integration with a smartphone-based RGB analysis platform enables semi-quantitative evaluation of NH3 concentrations under ambient conditions, eliminating the need for specialized instrumentation. This combination of dynamic covalent chemistry, interfacial nanoengineering, and portable digital readout establishes a versatile and scalable framework for next-generation colorimetric gas sensors, with strong potential in on-site environmental monitoring and industrial leak detection applications.
Footnotes |
† Electronic supplementary information (ESI) available. See DOI: https://doi.org/10.1039/d5ta03808a |
‡ Zebiao Qiu and Qianchi Xiong contributed equally to this work. |
This journal is © The Royal Society of Chemistry 2025 |