Cuihong
Ma†
a,
Ye
Tian†
a,
Qing
Li
a,
Yang
Chen
a,
Miao
Du
a,
Cong
Du
*b,
Qiang
Zheng
a and
Zi Liang
Wu
*a
aMinistry of Education Key Laboratory of Macromolecular Synthesis and Functionalization, Zhejiang Key Laboratory of Advanced Organic Materials and Technologies, Department of Polymer Science and Engineering, Zhejiang University, Hangzhou 310058, China. E-mail: uziliang@zju.edu.cn
bShandong Key Laboratory of Renewable Membrane Materials, College of Materials Science and Engineering, Qingdao University, Qingdao 266071, China. E-mail: cong.du@qdu.edu.cn
First published on 21st November 2025
Incorporating hydrophobic associations into hydrophilic networks as energy dissipation units is an efficient strategy to toughen hydrogels. However, the micro-segregated structures often lead to turbid hydrogels with poor optical properties. Here, we report the synthesis of transparent, tough, and fluorescent hydrogels in which tetraphenylethylene (TPE) fluorogens are linked to the network by a polymethylene spacer. The TPE motif and polymethylene spacer form hydrophobic associations, affording the transparent hydrogels with excellent mechanical properties and strong fluorescence. The mechanical properties of the hydrogels can be tuned by the fraction of hydrophobic units, the length of the polymethylene spacer, and the presence of the TPE motif. A rubbery-to-glassy transition is found in poly(12-(4-(1,2,2-triphenylvinyl)phenoxy)dodecyl acrylate-co-acrylic acid) hydrogels and poly(4-(1,2,2-triphenylvinyl)phenoxy)hexyl acrylate-co-acrylic acid) hydrogels as the fraction of hydrophobic units increases. The increased glass transition temperatures and apparent activation energies of the hydrogels with longer spacers and the TPE motif indicate a synergistic effect between the hydrophobic polymethylene and TPE motifs. Small- and wide-angle X-ray scattering results show that these tough and fluorescent hydrogels have compact hydrophobic domains with a quasi-lamellar structure. The hydrophobic domains are disrupted during stretching to dissipate energy, accounting for the high toughness of the hydrogels. This study presents a novel strategy to construct tough and fluorescent hydrogels by forming synergistic associations, which should be informative for designing other tough materials with specific functions and applications.
Hydrophobically modified hydrophilic hydrogels are a typical class of tough hydrogels with hydrophobic associations serving as physical crosslinks and energy-dissipation units.33,34 Similar to amphiphilic polymer co-network hydrogels, the segregated hydrophobic domains within the network result in a low swelling degree and enhanced mechanical properties.35,36 Moreover, incorporating hydrophobic moieties into the hydrophilic network to form micro-segregated domains is an effective strategy to toughen hydrogels.37–39 For example, Shi et al. developed tough hydrogels through the phase separation of polymers with long hydrophilic backbones and short alkyl side chains.40 The size of the polymer-rich domains increased with the increasing length of side chains due to enhanced hydrophobic interactions. The hydrogel containing side chains with five carbon atoms exhibited a high tensile strength of 5.3 MPa and a fracture energy of 22 kJ m−2 when the test temperature approached the glass-transition temperature of the hydrogel. Instead of using hydrocarbons, Weiss et al. prepared tough supramolecular hydrogels using fluorocarbons, which provide stronger hydrophobic interactions. They synthesized tough hydrogels by copolymerization of fluoroacrylates and N-isopropylacrylamide, followed by swelling or solvent-exchange processes; these hydrogels exhibited thermoresponsive behavior and possessed fracture toughness values up to 8 kJ m−2.41 Moreover, Okay et al. incorporated surfactants into hydrophobically modified hydrogels to form crystalline domains between the surfactants and long alkyl chains grafted onto the hydrophilic network, endowing the hydrogels with high toughness and shape-memory capacity.42,43 In the aforementioned studies, single or multiple types of hydrophobic moieties are incorporated into hydrophilic networks to form hydrophobic associations. However, the micro-segregated domains often compromise the transparency of the hydrogels, limiting applications requiring optical functionality. It is a high demand to afford tough hydrogels with other functionalities, yet without altering the microstructures.
Here, we report a novel strategy to synthesize tough and fluorescent hydrogels with synergistic associations by constructing networks with tetraphenylethylene (TPE) fluorogens chemically linked by a polymethylene spacer. The resultant poly(12-(4-(1,2,2-triphenylvinyl)phenoxy) dodecyl acrylate-co-acrylic acid) and poly(4-(1,2,2-triphenylvinyl)phenoxy)hexyl acrylate-co-acrylic acid) hydrogels are transparent and exhibit good mechanical properties as well as strong fluorescence due to a synergistic effect of the hydrophobic spacer and the TPE motif. The hydrophobic spacer enhances the restriction of TPE motion, favoring aggregation-induced emission, while the TPE motifs improve the hydrophobic interactions between polymethylene spacers, increasing the toughness of the hydrogels. Rheological measurements show that hydrogels with relatively large fractions of hydrophobic units are in a glassy state at room temperature because the segmental dynamics are reduced by robust synergistic associations. Small- and wide-angle X-ray scattering measurements disclose the disruption of hydrophobic associations upon stretching, as well as the toughening mechanism of the hydrogels. This work should merit the development of tough hydrogels with additional functional properties by forming synergistic associations between different motifs, which may open opportunities for applications of tough soft materials in flexible electronics, soft robots, etc.
:
1) as the eluent, yielding white products of 4-(1,2,2-triphenylvinyl)phenol (TPEOH) (11.8 g, 85%). Under a nitrogen atmosphere, 4-(1,2,2-triphenylvinyl)phenol (5.8 g, 1.66 mmol) and K2CO3 powder (6.6 g, 4.8 mmol) were dissolved in dry DMF (200 mL). After 10 min, 12-bromododecyl acrylate (9.7 g, 3.0 mmol) was added to the mixture, and the mixture was stirred at 100 °C for 24 h. Silica gel (20.0 g) was then added to the mixture, and the solvent was removed under reduced pressure. The resulting solids were purified by column chromatography on silica gel using PE/EA = 15
:
1 as the eluent to obtain 12-(4-(1,2,2-triphenylvinyl)phenoxy)dodecyl acrylate (TPEC12, 8.0 g, 85%). Furthermore, (4-(1,2,2-triphenylvinyl)phenoxy) hexyl acrylate (TPEC6) was prepared using a similar synthetic route.
Small- and wide-angle X-ray scattering (SAXS/WAXS) measurements were performed on the hydrogels at the BL16B1 beamline of the Shanghai Synchrotron Radiation Facility (SSRF), China. The wavelength of the X-rays was 1.24 Å, and the sample-to-detector distances were 2343 mm and 198 mm for SAXS and WAXS measurements, respectively. Two-dimensional (2D) scattering patterns were acquired by a Pilatus 2M detector with a resolution of 1475 × 1679 pixels and a pixel size of 172 × 172 µm2. The data acquisition time was 20 s per frame for the 2D SAXS and WAXS images. All scattering images were analyzed with the Fit2D software, following meticulous background correction. One-dimensional (1D) SAXS and WAXS profiles were extracted by circularly integrating the 2D patterns.
Rheological behavior of the hydrogels was studied using a DHR-2 rheometer (TA instruments) equipped with a parallel plate fixture (diameter = 8 mm) in a small-amplitude oscillatory shear mode. Disk-shaped hydrogel samples with a thickness of 0.5 mm were placed between the parallel plates. The applied axial force was set at 1 N throughout the rheological tests. The edge of the hydrogel sample was surrounded by water to minimize solvent evaporation. Temperature sweeps ranging from 10 to 90 °C were conducted on the samples at a heating rate of 10 °C min−1, a strain amplitude of 0.1% (within the linear range), and an angular frequency of 10 rad s−1. Frequency sweeps were carried out on the hydrogels over an angular frequency range of 100–0.1 rad s−1 at different temperatures. Master curves of the hydrogels were constructed by time-temperature superposition (TTS) with both vertical and horizontal shift factors.
:
2, indicating TPEOH was successfully synthesized (Fig. S2). Subsequently, monomers 1 and 2 were characterized by 1H NMR. Fig. S3a shows the resonance signals of methylene protons (Hc) and double bond groups (Ha+b) at 4.15–4.11 and 6.40–5.78 ppm, respectively, and the integration ratio of Hc to Ha+b was nearly 2
:
3, meaning that the long-chain alkyl groups were connected to acryloyl chloride completely. Lastly, the long alkyl chains containing double bonds were attached to the TPE groups via an etherification reaction. Three sets of peaks corresponding to the double bond appeared in the range of 6.42–5.80 ppm (Fig. S4a). The integral area ratio of the olefin protons (Ha+b) to the aromatic protons (Hg) of the TPE group at 6.93–6.91 ppm and the methylene protons (He) of the alkyl chain at 4.17–4.14 ppm was approximately 3
:
2
:
2, indicating the successful preparation of TPEC12. TPEC6 was prepared using a similar route (Fig. S4b).
As shown in Fig. 1a, the P(TPEC12-co-AAc)-fm, P(TPEC6-co-AAc)-fm, and P(C12-co-AAc)-fm organogels were prepared by polymerizing AAc with the hydrophobic monomers TPEC12, TPEC6, or C12 in DMSO (fm is the feeding molar fraction of the hydrophobic monomer). The organogels are soft and weak (Fig. S5), which are converted into tough and stiff hydrogels by solvent exchange with water. During this process, hydrophobic domains form within the hydrophilic network, where TPE groups are restricted by the polymethylene spacers of the hydrophobic units. A small amount of chemical crosslinkers is added to the precursor solutions to maintain the integrity of the hydrogel networks during solvent exchange. Thus, the obtained samples have a gel fraction of ≥0.94 (Fig. S6), indicating high polymerization efficiency and the successful formation of crosslinked hydrogel networks. Moreover, the real composition of the hydrogels is generally consistent with the feeding molar ratio, with slight differences that should be related to the different reactivities of the monomers (Table S1). The resultant hydrogels exhibit a transparent appearance with different degrees of volume contraction (Fig. 1b). As fm increases from 4 to 20 mol%, the transmittance of P(TPEC12-co-AAc)-fm, P(TPEC6-co-AAc)-fm, and P(C12-co-AAc)-fm hydrogels slightly decreases from 90%, 91%, and 87% to 85%, 85%, and 81%, respectively (Fig. S7). With the presence of TPE groups and the increased length of the spacer, the hydrogels with enhanced hydrophobic interactions become stronger and stiffer, with an increase in breaking stress σb and Young's modulus E (Fig. 1c). On the other hand, the hydrogels containing TPE motifs exhibit strong fluorescence. A broad peak at ∼530 nm appears in the fluorescent spectra of P(TPEC6-co-AAc)-20% and P(TPEC12-co-AAc)-20% hydrogels (Fig. 1d), corresponding to blue fluorescent emission under UV light (Fig. 1e). The intensity of (TPEC12-co-AAc)-20% hydrogel is twice that of the P(TPEC6-co-AAc)-20% hydrogel, demonstrating that a longer spacer can enhance the restriction of TPE motifs within the hydrophobic domains. The polymethylene spacer and the TPE group work cooperatively to provide the hydrogels with good mechanical performance and optical functionality. The hydrophobic association between the spacers should be stabilized by the presence of TPE motifs, while the aggregation and restriction of TPE motifs should also be improved by the hydrophobic spacers.
Mechanical properties of the equilibrated P(TPEC12-co-AAc)-fm, P(TPEC6-co-AAc)-fm, and P(C12-co-AAc)-fm hydrogels are examined by tensile tests at room temperature (Fig. 2). For P(TPEC12-co-AAc)-fm hydrogels, as fm increases from 4 mol% to 20 mol%, E and σb increase from 2.75 MPa and 4.04 MPa to 101.8 MPa and 9.16 MPa, respectively, whereas the breaking strain εb decreases from 752% to 97% (Fig. 2a). When fm reaches 20 mol%, a prominent yielding behavior appears in the stress–strain curve of the hydrogel. The water content q of the hydrogels decreases from 71 wt% to 36 wt% with the increase in fm (Fig. 2b). The increased mechanical performance of the hydrogels with increasing fm is associated with enhanced hydrophobic associations, which result in a denser hydrogel matrix.28,44,45 Moreover, the length of the spacer and the presence of the TPE motif also influence the mechanical properties of the hydrogels. For P(TPEC6-co-AAc)-fm hydrogels with a shorter spacer, the variations of σb, E, εb, and q with the increase in fm exhibit similar trends as those observed for P(TPEC12-co-AAc)-fm hydrogels (Fig. 2c and d). Meanwhile, at a certain fm, the values of σb and E of P(TPEC6-co-AAc) hydrogels are smaller than those for P(TPEC12-co-AAc) hydrogels; this result indicates that stronger associations are formed in hydrogels containing hydrophobic units with longer spacers. As shown in Fig. 2e and f, in the absence of TPE, P(C12-co-AAc)-fm hydrogels exhibit higher water content (50 wt% to 95 wt%) and drastically reduced mechanical properties (E = 0.05–0.72 MPa; σb = 0.048–1.98 MPa; εb = 152–1990%) due to the formation of weaker hydrophobic associations. The tearing fracture energy (G) of the hydrogels also varies with the components (Fig. S8). As fm increases from 4 mol% to 20 mol%, the G values of P(TPEC12-co-AAc)-fm and P(TPEC6-co-AAc)-fm hydrogels increases from 1.6 kJ m−2 to 5.3 kJ m−2 and from 0.8 kJ m−2 to 3.5 kJ m−2, respectively, comparable to the value of native cartilages (∼1.0 kJ m−2).46,47 This increase in G of the hydrogels with the increasing fm is mainly attributed to the formation of denser hydrophobic domains that dissipate more energy during rupture. As expected, P(TPEC12-co-AAc)-fm hydrogels exhibit larger G than hydrogels with shorter spacers (P(TPEC6-co-AAc)-fm gels) or without the TPE motif (P(C12-co-AAc)-fm gels). By contrast, the poly(acrylic acid) hydrogels with similar water content are mechanically soft and weak (Fig. S9). These results suggest that the TPE motif and the long polymethylene spacer are both indispensable for the formation of robust hydrophobic interactions and thus for the good mechanical performance of the hydrogels.
The dependence of the mechanical properties of TPE-containing hydrogels on the stretch rate and test temperature was examined. Since water content has a strong influence on the mechanical properties of the hydrogel, P(TPEC12-co-AAc)-8%, P(TPEC6-co-AAc)-12%, and P(C12-co-AAc)-16% hydrogels with a similar water content of ∼60 wt% were chosen to investigate the effects of spacer length and the presence of TPE on the properties of hydrogels. As the stretch rate increased from 20 mm min−1 to 500 mm min−1, the E and σb of the P(TPEC12-co-AAc)-8% hydrogel increased from 2.4 MPa and 2.07 MPa to 10.3 MPa and 9.83 MPa, respectively (Fig. 3a and b). The value of εb first increased from 349% to 445% with the rise in stretch rate from 20 to 100 mm min−1, and then becomes insensitive to further increases in stretch rate. The rate-dependent mechanical properties should be related to the dynamic nature of the hydrophobic interactions and variations in segmental mobility. At a higher stretch rate, the hydrophobic interactions become stronger, leading to improved σb, E, and εb. The values of σb and E of the P(TPEC6-co-AAc)-12% hydrogel with a shorter spacer and the P(C12-co-AAc)-16% hydrogel without TPE exhibit weaker dependence on stretch rate due to relatively weak hydrophobic interactions (Fig. S10). Test temperature also influences the mechanical behaviors of the hydrogels. The rise in temperature leads to increased segmental mobility.48,49 As the temperature increases from 10 °C to 70 °C, σb and E of the P(TPEC6-co-AAc)-12% hydrogel decrease from 5.9 MPa and 8.0 MPa to 1.5 MPa and 0.4 MPa, respectively, while εb first increases from 326% to 1152% and then decreases to 690% (Fig. 3c and d). With the increase in temperature from 10 °C to 50 °C, segmental mobility is improved, leading to increased εb. Further increase in temperature results in decreased εb due to the dissociation of hydrophobic interactions. We should note that the temperature at which the decrease in E for P(TPEC6-co-AAc)-12% and P(C12-co-AAc)-16% hydrogels becomes more gradual is lower than that of the P(TPEC12-co-AAc)-8% hydrogel (Fig. S11). This is because the P(TPEC6-co-AAc)-12% hydrogel has a relatively high glass transition temperature, which will be discussed in Section 3.2.
The TPE-containing hydrogels also exhibit different self-recovery abilities due to different segmental mobilities at room temperature. As shown in Fig. S12, the P(TPEC12-co-AAc)-8% hydrogel shows significant hysteresis in the loading–unloading curve, indicating large energy dissipation during the loading process.50 However, a large residual strain of 50.4% and a hysteresis ratio (calculated as the ratio of the second loop area to the first one) of 11.7% are observed. After the waiting time (tw) reaches 24 h, there is still a residual strain of 12% and a hysteresis ratio of 58%, reminiscent of the poor self-recovery property of glassy gels.48 The P(TPEC6-co-AAc)-12% hydrogel shows a similar self-recovery process, with a residual strain of 10% and a hysteresis ratio of 62% after waiting for 24 h. However, the residual strain of the P(C12-co-AAc)-16% hydrogel completely disappears, and the hysteresis ratio reaches 98% after waiting for 30 min. This fast self-recovery behavior of the P(C12-co-AAc)-16% hydrogel is attributed to the high segmental mobility and the fast reformation of weak associations.
In addition to the synergistic effect of the hydrophobic spacer and TPE motifs on the mechanical performance of the hydrogels, the spacer also enhances the aggregation and restriction of TPE groups for efficient aggregation-induced emission.51–53 The fluorescence spectra of P(TPEC12-co-AAc)-fm and P(TPEC6-co-AAc)-fm hydrogels are shown in Fig. 4a. Upon excitation at 395 nm, the hydrogels exhibit strong fluorescence emission. As fm increases from 4 mol% to 20 mol%, the emission wavelength of P(TPEC12-co-AAc)-fm hydrogels slightly shifts from 527 nm to 538 nm (Fig. 4a). This red shift is associated with the increased density of fluorogens within the hydrogel. The fluorescent behavior is also influenced by the spacer length of the hydrophobic unit. As shown in Fig. 4b, the fluorescence intensity of P(TPEC6-co-AAc)-fm gels is lower than that of P(TPEC12-co-AAc)-fm gels due to weaker hydrophobic associations, which reduce the restriction of TPE groups. Specifically, the P(TPEC12-co-AAc)-8% and P(TPEC6-co-AAc)-12% hydrogels with similar water content were prepared for the comparison of their fluorescent behaviors. The P(TPEC12-co-AAc)-8% hydrogel exhibits higher fluorescence intensity than the P(TPEC6-co-AAc)-12% hydrogel (Fig. 4a and b), manifesting the positive influence of the polymethylene spacer on the restriction and emission of TPE motifs.
![]() | ||
| Fig. 4 Emission spectra of P(TPEC12-co-AAc)-fm (a) and P(TPEC6-co-AAc)-fm (b) hydrogels. The excitation wavelength is 395 nm. | ||
δ) that corresponds to the glassy-to-rubbery transition process. For the hydrogels with the same spacer length, the glass transition temperature (Tg) increases from 41 °C to 55 °C as fm rises from 8 mol% to 20 mol%. This is because more hydrophobic associations are formed and act as physical crosslinks, which reduce segmental dynamics and increase Tg of the hydrogel. The P(TPEC12-co-AAc)-20% hydrogel is in a glassy state at room temperature, therefore showing pronounced yielding during the tensile test. Furthermore, it is found that the Tg of the P(TPEC12-co-AAc)-8% hydrogel is higher than that of the P(TPEC6-co-AAc)-12% hydrogel (33 °C) and the P(C12-co-AAc)-16% hydrogel (15 °C), even with similar water content (60 wt%). The different viscoelastic behaviors further highlight the synergistic effect of the polymethylene spacer and hydrophobic TPE motifs on the formation of robust physical associations.
To extend the observation time scales, dynamic moduli spectra of the hydrogels across wide frequency ranges were acquired through time-temperature superposition (TTS). The horizontal shift factors (aT) and vertical shift factors (bT) were obtained via
| bTG′(ω, T) = G′(ωaT, T0) |
| bTG″(ω, T) = G″(ωaT, T0), |
δ) displays a valley–peak–valley trend with increasing frequency, suggesting that the hydrogels undergo a solid-like-viscoelastic-solid-like process.54 As fm increases from 8 to 20 mol%, the master curve of the P(TPEC12-co-AAc)-fm hydrogel shifts to lower frequencies, indicating a longer relaxation time of polymer segments arising from the increased density of hydrophobic associations (Fig. 6a and b). Moreover, the master curve of the P(TPEC6-co-AAc)-12% hydrogel with a shorter spacer and the P(C12-co-AAc)-16% hydrogel without the TPE motif both shift to higher frequencies compared to the spectra of the P(TPEC12-co-AAc)-8% hydrogel (Fig. 6c and d), indicating a faster relaxation of polymer segments. Moreover, the plateau modulus, determined by the value of G′ at the frequency when G″ reaches the valley value, is smaller for P(TPEC6-co-AAc)-12% and P(C12-co-AAc)-16% hydrogels than for P(TPEC12-co-AAc)-fm hydrogels. The above observations demonstrate that the synergistic effect of the long polymethylene spacer and the hydrophobic TPE motif increases the robustness of physical associations, reducing the dynamics of polymer segments.
By plotting ln
aTversus 1/T, it is revealed that the TPE-containing hydrogels display Arrhenius behavior over the probed temperature range (Fig. 6e). The apparent activation energy (Ea) can be extracted from the slope of the fitted lines based on the following equation:54
ln aT = Ea/RT, |
To further reveal the toughening mechanism, SAXS and WAXS measurements were performed on the P(TPEC12-co-AAc)-8% hydrogel to reveal the microstructure evolution during stretching. The tensile stress–strain curve shows a strain-softening behavior beyond the linear region, followed by strain-hardening at an elongation ratio of λ ≥ 3 (λ = 1 + ε) (Fig. 8a). The 2D SAXS scattering pattern of the hydrogel changes from isotropic to ellipse with increased λ, indicating the orientation of the backbones (Fig. 8b). The structural evolution of hydrophobic domains during stretching is shown in Fig. 8c. 1D scattering profiles of the gel at different λ values were obtained by integrating the 2D patterns perpendicular (⊥) and parallel (‖) to the stretching direction (Fig. 8d and e). In the perpendicular direction, the scattering peak shifts to the high-q region as λ increases from 1 to 3.5, and then stabilizes at a q of ∼1.14 nm−1 with a further increase in λ. In the parallel direction, the scattering peak also shifts to the high-q region as λ increases from 1 to 2, and then disappears. The values of d are summarized in Fig. 8f. As λ increases from 1 to 3.5, d⊥ decreases from 7.45 nm to 5.63 nm due to the orientation and alignment of polymer backbones. When λ > 3.5, d⊥ reaches equilibrium, indicating that a part of the hydrophobic domains maintains a compact structure during the strain-hardening stage due to the robust synergistic associations between TPE motifs and the polymethylene spacer. On the other hand, the value of d‖ decreases from 7.65 to 6.54 nm as λ increases from 1 to 2. The absence of the scattering peak at higher λ indicates the disruption of hydrophobic domains during stretching, dissipating energy and toughening the hydrogels.60 1D profiles of the P(TPEC12-co-AAc)-8% hydrogel, obtained by integrating the 2D WAXS patterns perpendicular and parallel to the stretching direction at various λ values, are shown in Fig. 8g–i. In the parallel direction, the scattering peaks appear at a q of ∼15.1 nm−1 with increasing λ, corresponding to a constant distance between two polymethylene spacers (d3‖) of 0.41 nm.45,60,61 In the perpendicular direction, the peak corresponding to d⊥ disappears when λ is beyond 2, confirming the disruption of the hydrophobic domains during stretching.
Footnote |
| † They contributed equally to this work. |
| This journal is © The Royal Society of Chemistry 2026 |