Abstract
The development of unconventional long-wavelength fluorescent polymer hydrogels without using polycyclic aromatic hydrocarbons or extended π-conjugation is a fundamental challenge in luminescent materials owing to a lack of understanding regarding the spatial interactions induced inherent clustering-triggered emission under water-rich conditions. Inspired by the color change of protein astaxanthin as a result of heat-induced denaturation, we propose a thermodynamically driven strategy to develop red fluorescence (~610 nm) by boiling multiple hydrogen-bonded poly(N-acryloylsemicarbazide) hydrogels in a water bath. We reveal that thermodynamically driven conformational changes of polymer chains from isolated hydrogen bonding donor-acceptor structures to through-space interaction structures induce intrinsic fluorescence shifts from blue to red during clustering-triggered emission. The proposed multiple hydrogen-bonding supramolecular hydrogel shows good fluorescence stability, mechanical robustness, and 3D printability for customizable shaping. We provide a viable method to prepare nonconventional long-wavelength fluorescent hydrogels towards soft fluorescent devices without initially introducing any fluorescent components.
Similar content being viewed by others
Introduction
From primitive long-afterglow phosphorescent minerals found in nature to advanced synthetic fluorescent materials1,2,3,4, light has been utilized in various forms to promote the advancement of human society. Among such materials, fluorescent polymer hydrogels (FPHs) composed of three-dimensional cross-linked hydrophilic polymer networks have gained popularity in various fields, such as fluorescent sensing, probes, information encryption, and soft robotics5,6,7,8. Moreover, the soft and wet nature and favorable biological affinity of FPHs make them suitable for various applications5,9,10,11. Traditional FPHs are prepared by mixing or grafting organic fluorophores12,13, rare earth complexes14,15, and luminescent nanoparticles16,17. However, these desirable chromophores commonly require sophisticated design processes and organic synthesis and may suffer from limited biocompatibility. Although fluorescent protein hydrogels consisting of biologically similar components exhibit natural fluorescence stability and biocompatibility18,19, their weak mechanical properties and complex preparation processes limit their applicability.
In recent years, clustering-triggered emission (CTE) in the absence of traditional large π-conjugated structures has been introduced for the construction of FPH systems20,21,22,23,24. The mutual aggregation of π or n electron groups (such as hydroxyl, ester, carbonyl, and amide groups) has resulted in the formation of through-space interaction (TSI)25,26,27, which could induce intermolecular or intramolecular electron delocalization to generate intrinsic cluster-generated chromophores. Although increasing efforts have aimed to extend luminescence regions to red and even near-infrared (NIR) regions towards high penetration capacity and resolution28,29, the emission bands of current FPHs are still in the blue or yellow light regions22,30,31,32. In addition, a large amount of water in the hydrogel matrix has been shown to hydrate hydrophilic polymer chains and electron-rich groups, thus hindering CTE. For example, a polyacrylamide (PAAm) hydrogel network in the dry state was found to emit strong blue fluorescence, but this emission disappeared upon swelling of the material21,33 because water molecules induced cluster disaggregation and disrupted the effect of electron delocalization. Regulating of hydrogen bonds between water molecules and polymer chains is crucial in intrinsically fluorescent hydrogel systems. However, these systems only exhibit n–π* transitions, rather than π-π* transitions, to achieve short-wavelength luminescence. Therefore, the utilization of CTE to extend the intrinsic luminescence to long-wavelength regions (e.g., red and even NIR regions) in water-saturated hydrogels is still a significant challenge.
In nature, many crustaceans, such as crabs and crayfish, contain a large amount of astaxanthin, and the color of the carapace of these animals changes from cyan to red during high-temperature cooking due to the thermal denaturation of proteins and the detachment of astaxanthin (Fig. 1a)34,35. Inspired by this, we assume that electron delocalization could be enhanced by removing the water molecules that hydrated luminescent clusters in hydrogels through thermodynamic regulation. However, removing water molecules that interact with luminescent clusters while retaining other water molecules in the polymer matrix seems paradoxical.
Here, we employ a supramolecular poly(N-acryloylsemicarbazide) (PNASC) hydrogel with strongly hydrophobic urea groups to form hydrophobic clusters within a hydrophilic network, which therefore displays traditional blue fluorescence upon excitation at 365 nm. An emergent phenomenon is that the PNASC hydrogel exhibits brilliant red fluorescence without structural collapse after processing the material in a hot water bath (above 85 °C). These results indicate that heat-induced rearrangement and aggregation promote the formation of H-bonding donor–acceptor (D–A) structures between polymer chains by strong multiple H-bonding interactions. Besides, a small fraction of heteroatoms (O and N) containing lone-pair electrons that do not form strong H-bonds may also participate in n–n, n–π interactions of TSI. Thus, electron-rich groups can lead to strong TSI and conformational rigidity, avoiding the disturbance of water in hydrogel matrix. Overall, the proposed nonconventional red fluorescent hydrogel is expected to be widely used in various applications, such as bioimaging, detection, and soft robotics.
Results
Preparation of fluorescent hydrogels
Fluorescent hydrogels were prepared via an easy method. N-Acryloylsemicarbazide (NASC)36 as a monomer and lithium phenyl-2,4,6-trimethylbenzoylphosphinate (LAP) as an initiator were dissolved in a mixed solvent (deionized (DI) water and dimethyl sulfoxide (DMSO)). The precursor hydrogel was first cured by 405 nm light and then soaked in DI water at 25 °C to achieve H-bond reconstruction via phase conversion. The multiple H-bonding hydrogels exhibited blue fluorescence upon 365 nm excitation as common. However, upon phase conversion in a hot water bath (T = 85~100 °C), the hydrogel at equilibrium unexpectedly exhibited red fluorescence upon 365 nm excitation (Supplementary Fig. 1). As shown in Fig. 1b, the fluorescence region of the crayfish-shaped hydrogel shifted from blue to dazzling red upon 365 nm excitation after heating. This interesting phenomenon occurred because the thermodynamically driven conformational change of the polymer chains induced the formation of a cluster domain via the formation of strong multiple H-bonds between hydrophobic urea groups. Therefore, the clustered structures protected against the influence of water molecules to induce greater electron delocalization through the formation of strong multiple H-bonds, leading to red fluorescence in a water-saturated hydrogel matrix.
Luminescence of the hydrogels
The heating temperature is a crucial factor for controlling the red fluorescence properties of hydrogels. In this case, the hydrogels treated at different temperatures for 48 h were named PNASC25°C, PNASC45°C, PNASC65°C, PNASC85°C, and PNASC100°C (NASC monomer concentration of 25 wt%). As shown in Fig. 2a, the hydrogels emitted blue luminescence, which became slightly brighter with increasing heating temperature. Red fluorescence was observed when the heating temperature exceeded approximately 85 °C. When the heating temperature reached 100 °C, the hydrogel gave rise to obvious absorption peaks at ~365 nm and ~550 nm, corresponding to the slight red color observed under natural light (Fig. 2b, c). The results of Fourier transform infrared (FT-IR) spectroscopy and nuclear magnetic resonance (NMR) spectroscopy confirmed that the cooking process affected only the H-bonding interactions of the polymer chains instead of the chemical components (Supplementary Figs. 2, 3, and 4). Even after the samples were heated at 200 °C, the fluorescence of the PNASC hydrogel powder remained stable, indicating its excellent thermal stability (Supplementary Fig. 5). Compared with traditional fluorescent hydrogels with ultralow water contents for CTE, the proposed steady-state fluorescent hydrogel possessed a moderate water content of up to ~50% (Supplementary Fig. 6). Accordingly, the developed red fluorescent hydrogel also exhibited good flexibility compared with traditional dry fluorescent polymers or suspensions and could be folded and bent without reducing its fluorescence (Supplementary Figs. 7, 8, Supplementary Movie 1).
In contrast to the excitation-emission contour plot of PNASC25°C, which exhibited an emission center at ~490 nm upon excitation at ~390 nm, the excitation-emission contour plot of PNASC100°C exhibited two emergent emission centers (~608 nm upon ~365 nm excitation and ~610 nm upon ~530 nm excitation) (Fig. 2d). As the heating temperature increased from 25 °C to 100 °C, the photoluminescence quantum yield (PLQY) of the fluorescent hydrogels increased from 1.4 ± 0.2% to 3.3 ± 0.1% upon excitation at 365 nm and from 0% to 2.7 ± 0.2% upon excitation at 530 nm (Fig. 2e–g). Besides, the fluorescence lifetime also increased from τ = 3.8 ns for the PNASC25°C hydrogel to τ = 17.1 ns for the PNASC100°C hydrogel (Supplementary Fig. 9). In addition, as shown in Fig. 2h and Supplementary Fig. 10, the current–voltage (CV) curve demonstrated that the redox performance of the fluorescent hydrogels gradually increased with increasing heating temperature. These results indicated that the enhanced electron delocalization ability endowed the fluorescent hydrogel with better electrical conductivity, consistent with the trend of the fluorescence intensity. In addition, the enhanced conductivity of the fluorescent hydrogels could be regulated by periodic light stimulation (Fig. 2i).
Structure-fluorescence correlation
To understand the generation process of nonconventional red fluorescence in the proposed hydrogel system, we investigated in detail the inherent relationship between the interactions of the polymer chains and the intrinsic fluorescence. The hydrogels were first prepared from precursors at different amounts of DMSO (good solvent for NASC) and DI water (poor solvent for NASC) from 0%-100% DMSO, and the resulting equilibrium hydrogels were named as-PNASCDMSO-0%, as-PNASCDMSO-30%, as-PNASCDMSO-50%, as-PNASCDMSO-70%, and as-PNASCDMSO-100%. As shown in Supplementary Fig. 11 and Supplementary Fig. 12, the solvent ratio dramatically affected the conformation of the PNASC polymer chains. It was found that as-PNASCDMSO-70% had the highest transparency and lowest water content, indicating that it had more homogeneous and densified polymer networks than the other materials (Supplementary Fig. 13-15). Therefore, we believe that as-PNASCDMSO-70% possessed the highest density of interchain hydrogen bonds (Fig. 3a(i)). The highest glass transition temperature (Tg) of as-PNASCDMSO-70% was also confirmed by differential scanning calorimetry (DSC) and was attributed to the broad interchain H-bond density of this sample (Supplementary Fig. 16). Moreover, as-PNASCDMSO-70%, which possessed abundant interchain H-bonds, exhibited high strength and elongation due to the energy dissipation of the hydrogen bonds between the polymer chains (Fig. 3a(ii), Supplementary Fig. 17). Interestingly, as shown in Supplementary Fig. 18, there was a strong correlation between the fluorescence performance and the polymer conformation of the hydrogel after heating for 48 hours (named PNASCDMSO-50%, PNASCDMSO-70%, PNASCDMSO-80%, PNASCDMSO-90%, and PNASCDMSO-100%). The PL spectrum of PNASCDMSO-70% hydrogel, which possessed the highest interchain H-bond density, exhibited the most distinct absorption peaks and greatest transmittance at approximately 365 nm and 550 nm (Supplementary Fig. 19, Fig. 3a(iii), 3a(iv)). Moreover, as-PNASCDMSO-70% was further treated at 100 °C for various durations, and the resulting materials were named PNASC12h, PNASC24h, PNASC48h, and PNASC72h. The fluorescence of the hydrogels shifted from the blue to the red region and remained stable after approximately 48 hours of processing (Fig. 3b, Supplementary Fig. 20, Supplementary Fig. 21). In addition, we investigated the correlation between the polymer fractions and fluorescence intensity (Fig. 3c, Supplementary Fig. 22, Supplementary Fig. 23). The results suggested that the fluorescence intensity gradually increased with increasing polymer fraction from PNASC10% to PNASC25%, which was attributed to the increase in cluster density. Here, x% represents the percentage of monomer relative to the total mass, heating time is 48 hours.
Luminescence mechanism of the hydrogels
As illustrated in Fig. 4a, the interactions between PNASC chains primarily involved the formation of H-bonds between the –C=O moiety in the urea group and the –N–H moiety in the amide. For the PNASC25°C hydrogel, which emitted blue fluorescence (PNASCblue), the hydrogen bonds that formed between –C=O and –N–H experienced interference from hydrated water molecules in the hydrogel matrix, which resulted in an isolated H-bond D–A state. In contrast, the PNASC100°C hydrogel that emitted red fluorescence (PNASCred) possessed strong H-bonding interactions to limit the hydration of water molecules by thermodynamic promotion, which led to conformational rigidity and the formation of tight clusters. As a result, the clustered structures promoted the formation of large electron delocalization via TSI involving electron-rich groups. Thus, strong H-bonds decreased the distance between the –C=O and –N–H moieties to induce intermolecular electron delocalization, and through-space charge transfer could occur within every H-bond D-A unit under the influence of water-independent H-bonding (Supplementary Fig. 24). Besides, thermodynamic insight further confirmed that the fluorescent hydrogels tended to form clustered structures to minimize the system energy by conformational variation (∆G = G2 − G1 < 0) (Supplementary Table 1). In addition, it is also worth noting that a substantial number of heteroatoms participate in hydrogen bond formation in the hydrogel, which also plays a critical role in building a favorable environment for cluster luminescence. Besides, a small fraction of heteroatoms containing lone-pair electrons that do not form strong H-bonds may also participate in n–n, n–π interactions of TSI. So, the contribution of this part should not be overlooked (Supplementary Fig. 25)
Furthermore, the analysis of the frontier molecular orbitals also supported the abovementioned results (Fig. 4b). The electron-donating groups -NH and -NH2 possessed more lone pairs of π electron orbitals, denoted as πd. The πA and πA* orbitals of –C=O interacted with πD to generate three orbitals, π1, π2, and π3, where π1 is a strong bonding orbital and π3 is a strong antibonding orbital. For PNASCblue, the energy level gap between πD and πA of –C=O was smaller than that between πD and πA*. According to the principle of energy similarity, the interactions between the πD and πA orbitals of –C=O were stronger than those between πD and πA*. Thus, π2 is a weak antibonding orbital. In addition, given the multiple electron-donating group interactions (-NH and -NH2), it was easier for electrons to undergo n → π* (n → π1) transitions than π → π* transitions. However, for PNASCred, the enhancement of electron delocalization improved the electron-pushing ability of -NH and -NH2 to generate higher lone pair electron orbitals in πD. The energy level gap between the πD and πA orbitals of –C=O was larger than that between πD and πA*. In this case, π2 was considered a weak bonding orbital. The electrons could undergo not only n → π* (n → π1) transitions but also π → π* (π2 → π1) transitions. In particular, the electron-donating group and greater electron delocalization increased the π2 (HOMO) energy level to be higher than the π1 (LUMO) energy level. The results of theoretical calculations revealed that PNASCred with intermolecular TSI possessed a smaller HOMO/LUMO gap (∆E2 = 6.43 eV) than PNASCblue (∆E1 = 7.10 eV), which was essential for the red fluorescence of the PNASC hydrogel (Fig. 4c, Supplementary Table 2, Supplementary Data 1).
Red fluorescent hydrogel structures and responsiveness
The proposed red fluorescent hydrogel system was adapted for high-precision structured manufacturing through digital light processing (DLP) 3D printing technology37,38. As depicted in Fig. 5a-c, we readily constructed diverse fluorescent hydrogel architectures, such as two-dimensional jigsaw puzzle patterns, an integrative gradient color lotus (only heating petals), and even a complex Eiffel Tower and sophisticated castle architectures. Moreover, the hydrogel and corresponding polymer powders exhibited good stability and compatibility in various solvents, including DI water, N,N-dimethylacetamide (DMAC), N,N-dimethylformamide (DMF), and ethanol (EtOH), without losing their red fluorescence performance (Fig. 5d, Supplementary Fig. 26). Moreover, the reversible addition-fragmentation chain transfer polymerization (RAFT)-mediated modification of the hydrogel particles with polyvinyl pyrrolidone resulted in desirable hydrophilicity, allowing stable dispersion in water for several hours (Supplementary Fig. 27). In addition, Cell Counting Kit-8 (CCK-8) cell viability tests were also conducted to test the biocompatibility of the PNASC100°C hydrogel. As shown in Supplementary Fig. 28, the proposed fluorescent hydrogels maintained a cell viability of 95.30 ± 2.93% after 7 days, demonstrating favorable cell biocompatibility.
The groups (O=C–NH–) with abundant lone-pair electrons in the PNASC network possessed strong coordination ability with metal ions that possess p orbitals. As shown in Fig. 5e, f, the fluorescent emission of PNASC100°C was selectively quenched by Cu2+ due to the strong coordination between Cu2+ and O=C–N. Therefore, the visual recognition and detection of metal ion (Cu2+) concentrations could be achieved based on the visible color change together with the variation in the emission intensity of the fluorescent hydrogels (Fig. 5g). Relying on the controllable and selective fluorescent quenching effect of Cu2+, we subtly fabricated hydrogel patterns with different crosslinking densities by grayscale DLP 3D printing39,40 to regulate Cu2+ coordination. The low-crosslink-density hydrogel domains clearly displayed more rapid diffusion of Cu2+ than the high-crosslink-density domains (Supplementary Fig. 29). As a result, the heterogeneity of Cu2+ coordination in the hydrogel networks could drive the difference in fluorescence intensity, contributing to fluorescent hydrogel paintings with good resolution and color contrast (Fig. 5h).
Underwater fluorescent actuators and applications
These fluorescent hydrogels hold great promise for application as soft materials for illuminated components and devices in a variety of scenarios, including contaminant detection and soft robot construction. To demonstrate such potential, we designed and fabricated a bionic fluorescent jellyfish swimming robot by 3D printing a robot head and tentacles with our PNASC100°C hydrogel (Fig. 6a). Under the driving force of a servo motor in the central position, the periodic extension and contraction of support rods drove the extension and contraction of the hydrogel tentacles in the surrounding water (Fig. 6b, Supplementary Fig. 30). As shown in Fig. 6c, Supplementary Movies 2 and 3, the cyclic motion of the tentacles generated a propulsive thrust in water, allowing the hydrogel jellyfish to swim underwater. The fluorescent hydrogel exhibited good mechanical robustness in aquatic environments, which was attributed to the dense polymer network generated by H-bonds.
On the other hand, engineering fluorescent hydrogel materials for use in underwater robotics for the rapid recognition of heavy metal ions enabled applications such as sensing pollution in water. As shown in Fig. 6d, we also designed another underwater electrically driven bionic robotic shark as a fluorescent sensing device equipped with our fluorescent hydrogel skin (Supplementary Fig. 31). To simulate the detection of harmful substances in aquatic environments by the fluorescent sharks, we used Cu2+ as a contaminant to validate the detection potential. The red fluorescence of the hydrogel skin of the robot was significantly attenuated after swimming in polluted water for several minutes (Fig. 6e, Supplementary Movie 4). Finally, the PL spectra of the contaminated fluorescent hydrogels was used to quantitatively analyze the concentrations of pollutants in contaminated water based on the relationships mentioned above (Fig. 6f and g).
Discussion
In summary, we developed a thermodynamics-driven strategy to achieve delocalized H-bonding-induced nonconventional red fluorescence emission in hydrogels. In this case, the fluorescence of supramolecular multiple H-bonding hydrogels with robust networks was extended to the red region through a simple heating process. The red shift of the fluorescence was attributed to the heat-induced rearrangement and aggregation of polymer chains, which promoted the formation of large through-space interaction structures by strong H-bonding interactions and restrained the hydration of water molecules. The electron-rich groups in the hydrogel extended the electron delocalization through intermolecular charge transfer to achieve stable red fluorescence emission in a water environment by various heteroatom-involved interactions (including heteroatom-involved hydrogen bonds and n-n/π TSI). The fluorescence intensity and region were flexibly regulated by protocol parameters, including the heating temperature, duration, and polymer fractions on demand. This method also exhibited several advantages, including a green synthetic route, high efficiency, easy implementation, and customizable processability. In particular, the developed nonconventional long-wavelength red fluorescent hydrogels exhibited desirable biocompatibility, fluorescent stability, mechanical robustness and detection of metal ions, making them very attractive for application in the fields of biology, medicine, detection, and soft robotics.
Methods
Synthesis of N-acryloylsemicarbazide
Semicarbazide hydrochloride (6.25 g) 6 mL of DI water, 33.6 mL of a 2 M K2CO3 solution (cooled), and 18 mL of cold diethyl ether were added sequentially to a 100 mL round-bottom flask. To the above solution, with stirring at 0 °C for approximately 4 h, 5.7 g of acryloyl chloride in 24 mL of diethyl ether was added dropwise. Afterward, the generated white precipitate was collected by filtration to obtain the crude product. The crude product was dissolved in DI water and stirred for 1 h at 95 °C; subsequently, the undissolved precipitate was removed by centrifugation, and the supernatant was freeze-dried to obtain the final NASC monomer36. The average yield of NASC was ~66%.
Preparation of fluorescent hydrogels
To prepare 10, 15, 20, and 25 wt% NASC solutions, the NASC monomer and LAP (0.3 wt% of the NASC monomer) were dissolved in a mixed solvent containing dimethyl sulfoxide (DMSO) and deionized (DI) water. Then, the NASC solution was stirred in a nitrogen atmosphere for 60 min. The as-hydrogels were first cured by UV light (405 nm). Then, the as-prepared hydrogel samples were thoroughly immersed in DI water at 25 °C, 45 °C, 65 °C, 85 °C, and 100 °C for different durations.
Preparation of the fluorescent particle solution
The NASC monomer (25 wt%), 4-cyano-4-(((ethylthio)carbonothioyl)thio) pentanoic acid (RAFT agent, 0.1 wt% of the NASC monomer), and LAP (0.3 wt% of the NASC monomer) were dissolved in a mixed solvent of DMSO and DI water (the ratio of DMSO to DI water was 7:3 (wt/wt)). The NASC solution was stirred in a nitrogen atmosphere for 60 minutes and cured using UV-405 light for 20 s to produce the resulting hydrogel. Next, the red fluorescent hydrogel was obtained by immersing the sample in deionized water at 100 °C for 48 h, after which it was freeze-dried and ground into a powder. The red fluorescent polymer powder was immersed in a solution of 0.5 M N-vinyl-2-pyrrolidone (NVP) in dimethylformamide (DMF). Then, 1 wt% ammonium persulfate was added, and the mixture was stirred magnetically under a nitrogen atmosphere at 60 °C for 6 h. Finally, hydrophilic fluorescent particles were obtained by centrifugation, followed by dispersion in deionized water, resulting in a red fluorescent particle solution.
Characterization instruments and methods
Fourier transform infrared (FT-IR) spectra were recorded with a TFS-66 V/S spectrometer (Bruker) using the KBr-disk method. Nuclear magnetic resonance (NMR) spectra were recorded by means of a Bruker Avance Neo 400WB. The absorbance and transmittance spectra were recorded with a Shimadzu UV-2600. The PL spectra and photoluminescence quantum yield (PLQY) were recorded by means of a Fluorolog-3 fluorescence spectrometer (HORIBA Instruments, UK) and an Absolute PL C9920-02G instrument. The time-resolved fluorescence decay curves were recorded by means of an FLS1000 instrument (Edinburgh). The micromorphologies of the hydrogels were examined via scanning electron microscopy (SEM; Phenom ProX, Netherlands) at a voltage of 10~30 keV. Specifically, cross-sections of the hydrogel samples were obtained by liquid nitrogen quenching followed by mechanical bending.
Water content measurement
The water content of the hydrogels was determined from the weight difference of the hydrogels before and after water removal. The water content was expressed as a percentage of the hydrogel’s total weight and was calculated using the following equation:
where W and W0 are the weights of the hydrogel before and after drying, respectively.
Tensile testing
A uniaxial tensile test was performed on an electronic universal material testing machine equipped with a 500 N load cell (EZ-Test, Shimadzu, Japan). The hydrogels, which had rectangular shapes measuring 35 mm in length, 5 mm in width, and 0.8~1 mm in thickness, were utilized for the tensile measurements. The tests were conducted in water at room temperature (RT) with a crosshead velocity of 100 mm/min. Each point was measured for at least three samples.
Electrochemical measurements
Electrochemical measurements were carried out with a CHI 660E electrochemical workstation with a three-electrode system at room temperature. The hydrogel (5.0 mm × 2.0 mm × 0.5 mm) was used as the working electrode (WE), a Pt wire was used as the counter electrode (CE), and a Ag/AgCl/sat was used. The KCl electrode was used as the reference electrode (RE). A light source system (PL-FX300HU) was used as the irradiation source, and the distance between the light source and the electrode surface was fixed at 10 cm. Photoelectrochemical detection was conducted at a constant potential of 0.7 V vs. Ag/AgCl in 0.01 M K4Fe(CN)6 and 0.1 M KCl.
Fluorescent hydrogels and polymers in different solutions
The hydrogel was freeze-dried and ground into powder. 0.5 g PNASC100°C powder was added to 5 mL of DI water, DMF, DMAC, or EtOH. PNASC100°C hydrogels (30 mm long × 5 mm wide × 0.8~1 mm thick) were added to DI water, DMF, DMAC, or EtOH for 4 h, respectively. Then, the absorbance spectra were recorded by a Shimadzu UV-2600 spectrophotometer.
Metal ion detection
Aqueous solutions (1 mM/L) of metal ions (Al3+, Ca2+, Co2+, K+, Mg2+, Mn2+, Na+, Ni+, Zn2+, Zr4+, and Cu2+) and PNASC100°C hydrogels (30 mm long × 5 mm wide × 0.8 ~ 1 mm thick) were prepared in advance. The PNASC100°C hydrogels were added to 20 ml of each metal ion solution for 12 h. The absorbance spectra of the hydrogels were recorded to determine the selectivity for detecting metal ions.
In addition, a series of aqueous Cu2+ solutions with different concentrations (5-1000 μM) were prepared. PNASC100°C hydrogels (30 mm long × 5 mm wide × 0.8~1 mm thick) were added dropwise to 20 mL of each Cu2+ solution, after which the absorbance intensity variation of the hydrogels was recorded.
Fluorescent pattern printing
The hydrogel patterns were fabricated by a commercial DLP 3D printer with a 405 nm projector. Specifically, the photographs to be printed were converted into grayscale images. The patterns of the as-hydrogel were obtained from grayscale hydrogels through ultraviolet exposure. The curing time of each layer (5 s) and the layer thickness (0.05 mm) remained constant for all the experiments. The as-prepared hydrogels were thoroughly immersed in DI water at 100 °C for 48 h. Then, the hydrogel patterns were obtained by immersing the samples in a Cu2+ solution (0.1 mM) for 20 s.
Cell viability assay
L929 cells (Item No.: CL-0137, Procell Life Science&Technology Co., Ltd) were used for cell experiments (Supplementary Table 3). PNASC100°C hydrogel samples (3.125, 6.25, and 12.5 mg) were soaked in 1 mL of culture solution for 24 h. After culturing for 1 day, 4 days, or 7 days, the medium was removed, and the wells were washed three times with PBS. Cell viability was assessed using a cell counting kit-8 IV08 (CCK-8) following the manufacturer’s instructions. Specifically, 100 µl of CCK-8 solution was added to each well of a 96-well plate, and the cells were incubated at 37 °C for 2 h. The absorbance intensity of each sample was measured at a wavelength of 450 nm using a microplate reader (SPARK 10 M, TECAN, Switzerland). The experiments were repeated three times to ensure accuracy.
The blank group included wells without medium or cells, and the control group included wells with medium containing only cells without samples. The optical density (OD) values of the blank group, control group, and experimental group were denoted as ODbla, ODcon, and ODexp, respectively. The cell survival rate was calculated as follows:
Statistics and reproducibility
EXCEL was used to implement the statistical analysis. Preprocessing of data was transformed. For Figs. 2b, c, d, e, f, h, i, 3a(iii), (iv), b, c, 5d, e, g, and 6g, Supplementary Figs. 13, 15, 19–23, experiments have been independently tested at least 3 times with similar data. For Fig. 2g, Supplementary Figs. 6, 14, 17, and 28, the values were expressed as mean ± standard deviation, each experiment was repeated independently with three times.
Reporting summary
Further information on research design is available in the Nature Portfolio Reporting Summary linked to this article.
Data availability
The authors declare that data supporting the findings of this study are available within the paper and its supplementary information files. The data is available from the authors on request. Source data are provided with this paper.
References
Sun, Y. P. et al. Quantum-sized carbon dots for bright and colorful photoluminescence. J. Am. Chem. Soc. 128, 7756–7757 (2006).
Shamsi, J., Urban, A. S., Imran, M., De Trizio, L. & Manna, L. Metal halide perovskite nanocrystals: Synthesis, post-synthesis modifications, and their optical properties. Chem. Rev. 119, 3296–3348 (2019).
Uoyama, H., Goushi, K., Shizu, K., Nomura, H. & Adachi, C. Highly efficient organic light-emitting diodes from delayed fluorescence. Nature 492, 234–238 (2012).
Zhu, J. L. et al. Switchable organoplatinum metallacycles with high quantum yields and tunable fluorescence wavelengths. Nat. Commun. 10, 4285 (2019).
Wei, S. et al. Multicolor fluorescent polymeric hydrogels. Angew. Chem. Int. Ed. 60, 8608–8624 (2021).
Mehwish, N., Dou, X., Zhao, Y. & Feng, C.-L. Supramolecular fluorescent hydrogelators as bio-imaging probes. Mater. Horiz. 6, 14–44 (2019).
Li, Y., Young, D. J. & Loh, X. J. Fluorescent gels: a review of synthesis, properties, applications and challenges. Mater. Chem. Front. 3, 1489–1502 (2019).
Yan, S. et al. One stone, four birds” ion engineering to fabricate versatile core-shell organosilica nanoparticles for intelligent nanotheranostics. ACS Nano 16, 9785–9798 (2022).
Wang, H. et al. An ATP/ATPase responsive supramolecular fluorescent hydrogel constructed via electrostatic interactions between poly(sodium p-styrenesulfonate) and a tetraphenylethene derivative. J. Mater. Chem. B 6, 2728–2733 (2018).
Li, Z., Hou, Z., Fan, H. & Li, H. Organic-inorganic hierarchical self-assembly into robust luminescent supramolecular hydrogel. Adv. Funct. Mater. 27, 1604379 (2017).
Wolfbeis, O. S. An overview of nanoparticles commonly used in fluorescent bioimaging. Chem. Soc. Rev. 44, 4743–4768 (2015).
Benson, K., Ghimire, A., Pattammattel, A. & Kumar, C. V. Protein biophosphors: biodegradable, multifunctional, protein-based hydrogel for white emission, sensing, and pH detection. Adv. Funct. Mater. 27, 1702955 (2017).
Müller, B. J., Borisov, S. M. & Klimant, I. Red- to NIR-emitting, BODIPY-based, K+-selective fluoroionophores and sensing materials. Adv. Funct. Mater. 26, 7697–7707 (2016).
Wang, M. X. et al. Tough photoluminescent hydrogels doped with lanthanide. Macromol. Rapid Commun. 36, 465–471 (2015).
Li, Z., Wang, G., Wang, Y. & Li, H. Reversible phase transition of robust luminescent hybrid hydrogels. Angew. Chem. Int. Ed. 57, 2194–2198 (2018).
Bera, S. et al. Multistimuli-responsive interconvertible low-molecular weight metallohydrogels and the in situ entrapment of CdS quantum dots therein. Chem. Mater. 30, 4755–4761 (2018).
Wang, L. et al. Visual in vivo degradation of injectable hydrogel by real-time and non-invasive tracking using carbon nanodots as fluorescent indicator. Biomaterials 145, 192–206 (2017).
Weber, M. D. et al. Bioinspired hybrid white light-emitting diodes. Adv. Mater. 27, 5493–5498 (2015).
Ma, X. et al. A Biocompatible and biodegradable protein hydrogel with green and red autofluorescence: Preparation, characterization and in vivo biodegradation tracking and modeling. Sci. Rep. 6, 19370 (2016).
Zhang, H. et al. Clusterization-triggered emission: uncommon luminescence from common materials. Mater. Today 32, 275–292 (2020).
Ju, H. et al. Polymerization-induced crystallization of dopant molecules: an efficient strategy for room-temperature phosphorescence of hydrogels. J. Am. Chem. Soc. 145, 3763–3773 (2023).
Liu, T., Wang, F., Wu, Q., Chen, T. & Sun, P. Fluorescent, electrically responsive and ultratough self-healing hydrogels via bioinspired all-in-one hierarchical micelles. Mater. Horiz. 8, 3096–3104 (2021).
Zhou, Q. et al. Clustering-triggered emission of nonconjugated polyacrylonitrile. Small 12, 6586–6592 (2016).
Wang, Q. et al. Reevaluating protein photoluminescence: remarkable visible luminescence upon concentration and insight into the emission mechanism. Angew. Chem. Int. Ed. 58, 12667–12673 (2019).
Liu, J. et al. Through-space interaction of tetraphenylethylene: what, where, and how. J. Am. Chem. Soc. 144, 7901–7910 (2022).
Zhang, J. et al. Secondary through-space interactions facilitated single-molecule white-light emission from clusteroluminogens. Nat. Commun. 13, 3492 (2022).
Chu, B. et al. Enabling nonconjugated polyesters emit full-spectrum fluorescence from blue to near-infrared. Nat. Commun. 15, 366 (2024).
Hong, Y. et al. Facile access to far-red fluorescent probes with through-space charge-transfer effects for in vivo two-photon microscopy of the mouse cerebrovascular system. Angew. Chem. Int. Ed. 61, e202209590 (2022).
Wang, Z. et al. A nonconjugated radical polymer with stable red luminescence in the solid state. Mater. Horiz. 9, 2564–2571 (2022).
Deng, J. et al. Metal cation-responsive and excitation-dependent nontraditional multicolor fluorescent hydrogels for multidimensional information encryption. ACS Appl. Mater. Interfaces 13, 39967–39975 (2021).
Lu, H. et al. Unexpected strong blue photoluminescence produced from the aggregation of unconventional chromophores in novel ssiloxane-poly(amidoamine) dendrimers. Macromolecules 48, 476–482 (2015).
Shi, C. Y. et al. A dynamic supramolecular H-bonding network with orthogonally tunable clusteroluminescence. Angew. Chem. Int. Ed. 62, e202214422 (2023).
Wang, Y., Liu, H., Xie, H. & Zhou, S. An autofluorescent hydrogel with water‐dependent emission for dehydration‐visualizable smart wearable electronics. Adv. Funct. Mater. 33, 2213545 (2023).
Begum, S. et al. On the origin and variation of colors in lobster carapace. Phys. Chem. Chem. Phys. 17, 16723–16732 (2015).
Cianci, M. et al. The molecular basis of the coloration mechanism in lobster shell: beta-crustacyanin at 3.2-angstrom resolution. Proc. Natl Acad. Sci. USA 99, 9795–9800 (2002).
Fan, C. et al. Polymerization of N-acryloylsemicarbazide: a facile and versatile strategy to tailor-make highly stiff and tough hydrogels. Mater. Horiz. 7, 1160–1170 (2020).
Wu, J. et al. Biomechanically compatible hydrogel bioprosthetic valves. Chem. Mater. 34, 6129–6141 (2022).
Kim, S. H. et al. Precisely printable and biocompatible silk fibroin bioink for digital light processing 3D printing. Nat. Commun. 9, 1620 (2018).
Jiang, P. et al. Drawing high-definition and reversible hydrogel paintings with grayscale exposure. ACS Appl. Mater. Interfaces 11, 42586–42593 (2019).
Jiang, P. et al. Grayscale stereolithography of gradient hydrogel with site‐selective shape deformation. Adv. Mater. Technol. 7, 2101288 (2021).
Acknowledgements
X.W. thanks the following programs for the financial support: the National Key R&D Program of China (2022YFB4600101), the National Natural Science Foundation of China (52205228, 52175201and 52005484), the Strategic Priority Research Program of the Chinese Academy of Sciences (XDB 0470303), the Major Program (ZYFZFX-2) and the Cooperation Foundation for Young Scholars (HZJJ23-02) of the Lanzhou Institute of Chemical Physics, CAS, and the Western Light Project of CAS (xbzg-zdsys-202007), the Taishan Scholars, and the Oasis Scholar of Shihezi University.
Author information
Authors and Affiliations
Contributions
X.W. and P.J. co-designed and convinced the project. J.W. designed and performed all experiments. X.W. supervised the project. Y.W. helped with all electrochemical measurements. J.W., P.J. and X.W. wrote the manuscript. X.J. and F.Z. provided assistance in data analysis and revision. All authors contributed to the analysis and discussion of the data.
Corresponding authors
Ethics declarations
Competing interests
The authors declare no competing interests.
Peer review
Peer review information
Nature Communications thanks Haoke Zhang, who co-reviewed with Zuping Xiong, and the other, anonymous, reviewers for their contribution to the peer review of this work. A peer review file is available.
Additional information
Publisher’s note Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.
Source data
Rights and permissions
Open Access This article is licensed under a Creative Commons Attribution 4.0 International License, which permits use, sharing, adaptation, distribution and reproduction in any medium or format, as long as you give appropriate credit to the original author(s) and the source, provide a link to the Creative Commons licence, and indicate if changes were made. The images or other third party material in this article are included in the article’s Creative Commons licence, unless indicated otherwise in a credit line to the material. If material is not included in the article’s Creative Commons licence and your intended use is not permitted by statutory regulation or exceeds the permitted use, you will need to obtain permission directly from the copyright holder. To view a copy of this licence, visit http://creativecommons.org/licenses/by/4.0/.
About this article
Cite this article
Wu, J., Wang, Y., Jiang, P. et al. Multiple hydrogen-bonding induced nonconventional red fluorescence emission in hydrogels. Nat Commun 15, 3482 (2024). https://doi.org/10.1038/s41467-024-47880-7
Received:
Accepted:
Published:
DOI: https://doi.org/10.1038/s41467-024-47880-7
Comments
By submitting a comment you agree to abide by our Terms and Community Guidelines. If you find something abusive or that does not comply with our terms or guidelines please flag it as inappropriate.