Bioorthogonal fluorogenic probes allow spatiotemporally controlled molecular bioimaging with minimal perturbation of the native cellular environment. Due to favorable kinetics and reaction specificity in a physiological environment, inverse electron-demand Diels − Alder reaction (iEDDA) for bioorthogonal fluorogenic bioimaging has gained immense attention in scientific field; however, the technique still needs to washout excess trans-cyclooctene labels, thereby reducing the robustness and experimental convenience. In the present study, we report tetrazine-modified aggregation-induced emission luminogens for bioorthogonal fluorogenic bioimaging. We found that a unique molecular design strategy allowed incorporation of tetrazine on aggregation-induced emission luminogens with excellent fluorogenic properties. Moreover, tetrazine modification of aggregation-induced emission luminogens results in non-radiative decay, which induces fluorescence quenching. The systematic tunability of the emission wavelength of the fluorescent core skeleton allowed successful development of three different colorful fluorogenic tetrazine-fluorophores. Furthermore, an aggregate formation study and computational calculations revealed a synergistic fluorescent quenching effect between intramolecular charge transfer and tetrazine-mediated non-radiative decay. The final simple conjugation between triphenylphosphonium and tetrazine-fluorophore enabled successful development of fluorogenic probes for spatiotemporally controlled bioorthogonal bioimaging of mitochondria in live cells with the iEDDA without washing the trans-cyclooctene label and tetrazine-fluorophore.
This study was supported in part by the Creative Materials Discovery Program through the National Research Foundation ( 2019M3D1A1078941 ), National Research Foundation of Korea (NRF) grant funded by the Korean government (MSIT) ( NRF-2020R1C1C1010044 ) ( NRF- 2019R1A6A1A11051471 ), and the Korea Institute of Science and Technology (KIST) Institutional Program ( 2E30963 ).