Electrochromic two-dimensional covalent organic framework with a reversible dark-to-transparent switch


Electrochromic (EC) materials with a dark-to-transmissive switch have great applications in optical communications, infrared wavelength detectors for spacecraft, and infrared camouflage coatings. However, such electroactive materials with high stability and cyclability are rare. Considering the advantages of the donor-acceptor approach (wide-range tuneable band position) and porous two-dimensional (2D) covalent organic framework (COF, well-ordered crystalline framework with stable structure and high surface area), in this work we constructed an extended delocalised π-electron layered dark purple EC-COF-1 by reacting the donor N,N,N′,N′-tetrakis(p-aminophenyl)-p-benzenediamine (TPBD) with the acceptor 2,1,3-benzothiadiazole-4,7-dicarboxaldehyde (BTDD). A sandwiched device made of EC-COF-1 exhibits the two-band bleaching (370 nm and 574 nm) in the visible region and becomes transparent under the applied potential with an induced absorption centring at 1400 nm. This discovery of a stable dark-to-transmissive switch in COF might open another door for their application in many EC devices for various purposes.


Recently, organic layered materials with extended π-electron structures, and controllable porosity to mimic graphene and its analogues are becoming the focus of much scientific researches due to the numerous technological attributes—low density, easy preparation, electronic activity, photoactivity associated with the tuneable colours, the low-cost processing and manufacturing, and the friendliness to our environment1,2. Generally, the design strategy to construct electronic and optical materials is to create covalent bonds between two redox-active building blocks3. If both electron donating (D) and electron accepting (A) building units are simultaneously used in one structure, a D–A type-conjugated covalent organic framework (COF) is formed4,5,6,7. By selecting the suitable D and A units with reasonable energy levels (redox potentials), the COF with the desired electrical, optical, or combined optoelectronic properties could be achieved8,9,10. Recent reports have demonstrated the applicability of functional D–A COF as active elements in organic photovoltaics (OPV)11,12, photoconductive devices13, photocatalysis14,15,16,17,18,19,20, and two-photon-induced florescence21. Beside benefitting from their ordered micro- or meso-pores22,23,24, COFs are also used as external-stimuli-responsive materials to sense light25, solvent26,27, and pH28,29,30,31. Although the energy levels of D–A polymers can be tuned to reach the desired valence and/or conduction band positions for the purpose to display desired EC properties32,33,34,35, the application of D-A COF in electrochromic devices (ECD) is rare36,37. However, for most EC products, such as eyewear, smart windows, and display devices, neutral-state black devices integrated with bleached states are highly desirable38. Nevertheless, to the best of our knowledge, black colour currently remains a big challenge due to the special demand for broadband absorption across the whole visible region. Such gap strongly encourages us to develop COF with the ordered pores and the extended regular π–π stacking structures for potential application in electrochemistry and photoelectrochemistry fields.

Here, we show a D-A two-dimensional (2D) COF with N,N,N′,N′-tetrakis(p-aminophenyl)-p-benzenediamine (TPBD)39 as donor, and 2,1,3-benzothiadiazole-4,7-dicarboxaldehyde (BTDD) as acceptor40, was prepared (Fig. 1 and Supplementary Fig. 1) and has been employed as an active element for EC device (Fig. 1c). When the voltage is ramped from −1.8 to +2 V, the colour of the as-fabricated 2D COF films accordingly change from opaque black to transparent. Note that under our experimental condition, all EC devices are stable and can be reversibly switched. The typical modulation of the electronic structure of the COF has been provided in Fig. 1c.

Fig. 1: Synthesis and device of EC-COF-1.

a Synthetic route of EC-COF-1. b Schematic representation of a layer structure of donor (D)–acceptor (A) EC-COF-1. c Colour switching of the EC-COF-1 EC device.


COF design and synthesis

To obtain efficient electrical response, COF materials should not only have sufficient oscillator strength during charge transfer transitions, but also be sensitive to the changes of polarity in the pores. The COF with electron-rich donors and electron-deficient acceptors as building blocks might be ideal candidates for such applications, because they would provide us more opportunities to tune their band gap and electrochemical activity. Since our previous results have already demonstrated that triphenylamine units could easily realise well-ordered frameworks with large crystal domains25, the same strategy will be extended in the present research. Besides, this type of units might enable us to optimise the EC response within a single COF family. Moreover, we believe that the tuneable electron deficiency in aldehyde counterparts would produce the electronic transitions, with the varying degrees of charge transfer across the conjugated imine bond and decrease the energy gap to form the dark-coloured COF (Supplementary Fig. 2).

The building units of TPBD and BTDD were synthesised according to the reported methods with slight modifications (see in Supporting Information)39,40. The 2D COF was prepared as follows: after dissolving TPBD and BTDD in a mixed solvent of 1,2-dichlorobenzene:n-butanol (v:v = 1:1) and ultrasonicating 20 min to generate a dark purple solution, acetic acid (6 M) was added, followed by rapid freezing to 77 K, degassed through three cycles of freeze–pump–thaw, and sealed under vacuum. After the sealed tube was heated at 120 °C for 72 h, the targeted EC-COF-1 was formed as a dark purple precipitate.

EC-COF-1 films were deposited on transparent conducting indium tin oxide (ITO) electrodes by direct liquid/solid interface solvothermal method at 120 °C. ITO electrodes were cut to the appropriate size (1.0 × 1.5 cm) and placed vertically in a glass tube. The as-fabricated EC-COF-1 film on the ITO electrode displays blue-purple colour with the well adhesion ability.

Structure characterisation

The powder X-ray diffraction (PXRD) pattern of the as-synthesised EC-COF-1 (Fig. 2a) shows several distinct Bragg reflections with 2θ approximately at 4.0, 5.8, 8.1, and 9.0°, consistent with that simulated for a model structure. Furthermore, Pawley refinement was used to extract C2 space group, and a unit cell of a = 31.96, b = 30.87, c = 4.72 Å, and β = 92.3°. The good match between the experimental result and the simulated pattern is further confirmed as judged by their difference (Fig. 2a–c and Supplementary Table 1). The suitable sample for transmission electron microscopy (TEM) was prepared through immersing ITO electrode into EtOH, where the films automatically detached from the ITO substrates. The TEM image (Fig. 2d) of the film clearly displays many parallel lines with the neighbouring distance of ~1.8 nm, attributing to a dominant hkl of an ordered structure of the EC-COF-1. The homogenous topography of the as-fabricated film is investigated through atomic force microscope (AFM; Fig. 2e and Supplementary Fig. 3), where the thickness of the EC-COF-1 film lies in the range 500 ± 20 nm. This result further provides solid experimental evidence of the high crystalline and uniformity of the as-fabricated COF films. Attenuated total reflection Fourier transform infrared spectra revealed the absence of both ν(N − H) from TPBD in the range of 3450–3010 cm−1 and ν(C = O) at 1670 cm−1 from BTDD, while the emerging band at 1620 cm−1 is assigned to ν(C = N) for EC-COF-1 (Supplementary Fig. 4). The Brunauer−Emmett−Teller measurement showed a non-hysteretic sorption isotherm for N2 gas at 77 K with a surface area of 915 m2 g−1 and a pore volume of 0.64 cm3 g−1 (Fig. 2f and Supplementary Fig. 5). The non-local density function theory31,32,33,34,35,36,37,38,39,40,41,42 was employed to estimate a pore size distribution of ~1.8 nm (Supplementary Fig. 5). The X-ray diffraction (XRD) patterns of the as-prepared films before and after electrochemical oxidation (Fig. 2g) clearly indicated that there were almost no changes, suggesting that the structure of the as-prepared EC-COF-1 film has high stability. Thermogravimetric analysis revealed that EC-COF-1 has high thermal stability up to 405 °C (Supplementary Fig. 6).

Fig. 2: Structural aspects of EC-COF-1.

a Observed (purple line), Pawley refinement (red cross), difference (blue line), and eclipsed AA simulation (green line) PXRD patterns. Simulated structure of EC-COF-1: b top and c side views. (Colours: blue—N, grey—C, yellow—S). d HR-TEM image. e AFM image with ~500 nm height. Porous properties: f N2 sorption isotherm (solid iris blue ball for adsorption, and hollow iris blue ball for desorption). g The X-ray diffraction pattern of the as-synthesised bulk powder (black line), thin film before EC (red line) and thin film after EC (blue line) of EC-COF-1.

Band structure calculation

The electronic energy diagram of the band structure calculated by the PBE-D3 process clearly suggests that pristine EC-COF-1 is a semiconductor with an apparent indirect energy band gap of 0.64 eV (Fig. 3a and Supplementary Fig. 7)43, which is consistent with the observed gap of 0.75 eV from solid-state ultraviolet–visible–near-infrared (UV–vis–NIR) spectrum (Supplementary Fig. 8). The bandwidths of the valence and the conduction bands are 0.34 and 0.15 eV, respectively. The HOMO of the valence band maximum (VBM) is predominantly located on the TPBD donor node, while the LUMO of the conduction band minimum (CBM) is delocalised over the BTDD acceptor unit, confirming the π-conjugated feature (Fig. 3b, c). Furthermore, the CBM and VBM dominantly constitute of the atomic orbitals of C and N, which supports the creation of expanded π-conjugation, since these energy levels were observed through the partial density of states (Supplementary Figs. 9 and 10)44,45,46.

Fig. 3: Electronic structure and characteristics of EC-COF-1.

a Band structures. The coordinates of high-symmetry points are Γ—C|C2—Y2—Γ—M2—D|D2—A—Γ|L2—Γ—V2 (orange lines). b HOMO at VB. c LUMO at CB. d Changes in the optical spectrum of EC-COF-1 film as a function of applied potential. e Repetitive display of transmittance at 574 nm (blue line) for the voltage between –1.8 and +2.0 V.


A quasi-solid-state device was constructed to evaluate the potential application of the EC-COF-1 film as an EC electrode. The EC device has a sandwiched configuration (Figs. 1b and 3d), where an EC-COF-1-covered ITO plate was employed as the working electrode, another blank ITO glass as the counter electrode, and a LiClO4/propylene carbonate-based PMMA polymer gel as a quasi-solid electrolyte, which was injected into the space between two electrodes. When an applied external potential across the device is gradually increased, both absorption bands at 370 and 574 nm proportionally decrease. Meanwhile, the concomitant formation of new absorption arose in the NIR region (Fig. 3d), indicating the formation of radical cations (polarons) and further evolving into dications (bipolarons) at higher bias voltages (Supplementary Fig. 11). These changes can be clearly observed in the transmittance (ΔT%) of 33% at 574 nm and 12% at 730 nm. Moreover, the stability of EC devices was also studied, where ΔT% dropped only ca. 0.3% at 574 nm and 0.5% at 730 nm after 15 cycles of switching potential. Also, good stability in 200 cycles was observed under cyclic voltammetry test. Moreover, the XRD pattern at the hkl (100) Bragg reflection was retained, indicating that the EC-COF-1 structure is stable after EC performances (Figs. 2g and 3e, and Supplementary Figs. 12 and 13). The response time is obtained from the ΔT% experiments when the contrast ratio reach over 90% of its maximum of EC-COF-1 ECD between bleached and coloured states. Colouring (tc) and bleaching (tb) times of film electrodes at 574 and 730 nm were 1.8/7.2 and 2.6/3.5 s, respectively (Supplementary Figs. 14 and 15). The colouration efficiencies at 574 and 730 nm were 284 and 246 cm2 C−1, respectively. Since NIR switching has some important applications in several fields, such as infrared wavelength detectors for spacecraft, optical communications, and biomedicals47,48,49,50,51, our D–A COF with the distinct advantage to significantly reduce the energy band gap (Fig. 3a) could be treated as a promising visible-to-NIR EC material.

The relative luminance changes during potential programming were studied through measuring the brightness of the transmitted light as a percentage of that of a light source calculated against the eye sensitivity. In the process of electrochemical oxidation, the colour of EC-COF-1 films switched from an opaque blue-purple state to strongly transparent appearance with a relative luminance change of up to 36.5% (Supplementary Fig. 16). A detailed colorimetry study of the blue-purple colour of the neutral-state EC-COF-1 suggests significantly negative b* value and in particular small a* value compared to b*, where L*a*b* values of the neutral and oxidised states can be figured out from the CIE 1976 L*a*b* colour model. By oxidation, the L* value jumps from 34 to 72, while the a* and b* values change from 6 to −2 and −14 to 12, respectively (Fig. 3d and Supplementary Fig. 16). These results imply that EC-COF-1 transforms into a transmissive state, where the human eye can hardly perceive the residual colour, suggesting that the EC device reaches nearly the ‘white point’.

Different from most EC materials with colour changes from light (neutral state) to dark (oxidised state), the D–A approach could allow us to construct EC COF materials with two-band absorption (deep absorption, i.e., blue-purple) in the visible region (neutral state), which becomes transparent after an electric field is applied, and simultaneously, NIR absorption arises. This approach allows us to ‘merge’ these bands together for the synthesis of highly saturated dark-coloured materials. Furthermore, theoretical work suggests that the ground state of  the oxidised D–A system contains the local energy levels within the band gap, which could rationalise the presence of the low energy NIR bands in the optical spectrum.


We have demonstrated a successful D–A approach in constructing COF with a reversible electrochromic property switching from blue-purple to transparent. We believe that their D–A structure, stable crystallinity, high surface area, reversible transparency in the visible region, and the opacity in the NIR region are key factors to allow us to obtain such dark-to-transmissive switch. Together with other appealing advantages of COF such as the ease of self-assembly and low weight, we believe that such materials would have great application in diverse EC devices and stimuli-responsive instruments.


The synthesis of EC-COF-1 bulk powder

The synthesis of COF bulk powder was performed under vacuum in polytetrafluoroethylene-sealed glass reaction tubes (20 mL). Solvents and acetic acid were obtained in highly pure grades from commercial suppliers and were, unless shipped under argon, degassed, and saturated with argon prior to use. TPBD (23.2 mg, 50 μmol) and BTDD (19.3 mg, 100 μmol) were filled into a reaction tube, followed by the addition of a mixed solvent of 1,2-dichlorobenzene:n-butanol (v:v = 1:1 mL). After ultrasonicating 20 min, a dark purple solution was formed, followed by the addition of acetic acid (200 µL, 6 M), rapid freezing to 77 K, degassed through three freeze–pump–thaw cycles for three times, and sealed under vacuum. Then, the sealed tube was heated at 120 °C for 72 h. After cooling to room temperature, the precipitate was collected by filtration, washed with MeCN, and dried in air to yield a dark purple precipitate.

EC-COF-1 thin film synthesis

COF thin films were prepared in a 20 mL glass reaction tube of 12 mm diameter. ITO-coated glass (10–12 Ω/ϒ) substrates were cleaned with detergent solution, water, acetone, and isopropanol, and then, activated with an O2-plasma for 10 min directly before use. The substrates were placed vertically in a glass tube. TPBD (4.6 mg, 10 μmol) and BTDD (3.8 mg, 20 μmol) were filled into the tube, followed by the addition of a mixed solvent of 1,2-dichlorobenzene:n-butanol (v:v = 2:2 mL), and ultrasonicating 20 min to generate a dark purple solution. An ITO substrate was inserted and acetic acid (200 µL, 6 M) was added, followed by rapid freezing to 77 K, degassed through freeze–pump–thaw cycle for three times. The tube was sealed and heated to 120 °C for 72 h. After cooling to room temperature, the substrate was immersed in dry MeCN and dried under N2. Thinner films were grown using shorter reaction times ranging from 4 h to 2 days.

Structure characterisation

PXRD patterns were conducted on a PANalytical X’Pert Pro MPD diffractometer using Cu Kα radiation (λ = 1.5406 Å) and operating at 40 kV and 40 mA between 2 and 30° (2θ). Thin film XRD patterns were conducted on Bruker D8 Discover with Ni-filtered Cu Kα radiation (λ = 1.5406 Å) and a LynxEye position-sensitive detector. TEM was performed with a JEM-2100 (JEOL Ltd., Japan) with an accelerating voltage of 200 kV.

Optical absorption spectroscopy

UV–vis–NIR spectra were recorded on a Perkin-Elmer Lambda 950 spectrometer equipped with a 150 mm InGaAs integrating sphere. Time-resolved absorption measurements were performed at fixed detector gain and slit settings. Diffuse reflectance spectra were collected with a Praying Mantis (Harrick) accessory and were referenced to barium sulphate powder as white standard. The specular reflection of the sample surface was removed from the signal by spatial filtering.

Data availability

The data that support the findings of this study are available within the article and Supplementary Information files, or available from the corresponding authors on request. Source data are provided with this paper.


  1. 1.

    Perepichka, D. F. & Rosei, F. Extending polymer conjugation into the second dimension. Science 323, 216–217 (2009).

    CAS  Article  Google Scholar 

  2. 2.

    Ebrahimi, M. & Rosei, F. Materials science: organic analogues of graphene. Nature 542, 423–424 (2017).

    ADS  CAS  Article  Google Scholar 

  3. 3.

    Colson, J. W. & Dichtel, W. R. Rationally synthesized two-dimensional polymers. Nat. Chem. 5, 453–465 (2013).

    CAS  Article  Google Scholar 

  4. 4.

    Chen, L. et al. Photoelectric covalent organic frameworks: converting open lattices into ordered donor–acceptor heterojunctions. J. Am. Chem. Soc. 136, 9806–9809 (2014).

    CAS  Article  Google Scholar 

  5. 5.

    Jin, S. et al. Charge dynamics in a donor–acceptor covalent organic framework with periodically ordered bicontinuous heterojunctions. Angew. Chem. Int. Ed. 52, 2017–2021 (2013).

    CAS  Article  Google Scholar 

  6. 6.

    Jin, S. et al. Creation of superheterojunction polymers via direct polycondensation: segregated and bicontinuous donor–acceptor π-columnar arrays in covalent organic frameworks for long-lived charge separation. J. Am. Chem. Soc. 137, 7817–7827 (2015).

    CAS  Article  Google Scholar 

  7. 7.

    Feng, X. et al. An ambipolar conducting covalent organic framework with self-sorted and periodic electron donor-acceptor ordering. Adv. Mater. 24, 3026–3031 (2012).

    CAS  Article  Google Scholar 

  8. 8.

    Jin, S. et al. Large pore donor–acceptor covalent organic frameworks. Chem. Sci. 4, 4505–4511 (2013).

    CAS  Article  Google Scholar 

  9. 9.

    Medina, D. D. et al. Oriented thin films of a benzodithiophene covalent organic framework. ACS Nano 8, 4042–4052 (2014).

    CAS  Article  PubMed Central  Google Scholar 

  10. 10.

    Mandal, A. K., Mahmood, J. & Baek, J.-B. Two-dimensional covalent organic frameworks for optoelectronics and energy storage. ChemNanoMat 3, 373–391 (2017).

    CAS  Article  Google Scholar 

  11. 11.

    Yao, L. et al. An energy and charge transfer synergetic donor–acceptor heterostructure 2D-COF in photovoltaics. J. Mater. Chem. A 8, 8518–8526 (2020).

    CAS  Article  Google Scholar 

  12. 12.

    Cox, J. M., Mileson, B., Sadagopan, A. & Lopez, S. A. Molecular recognition and band alignment in 3D covalent organic frameworks for cocrystalline organic photovoltaics. J. Phys. Chem. C. 124, 9126–9133 (2020).

    CAS  Article  Google Scholar 

  13. 13.

    Dogru, M. et al. A photoconductive thienothiophene-based covalent organic framework showing charge transfer towards included fullerene. Angew. Chem. Int. Ed. 52, 2920–2924 (2013).

    CAS  Article  Google Scholar 

  14. 14.

    Wang, H. Covalent organic framework photocatalysts: structures and applications. Chem. Soc. Rev. 49, 4135–4165 (2020).

    CAS  Article  Google Scholar 

  15. 15.

    Lei, K. A metal-free donor–acceptor covalent organic framework photocatalyst for visible-light-driven reduction of CO2 with H2O. ChemSusChem 13, 1725–1729 (2020).

    CAS  Article  Google Scholar 

  16. 16.

    Luo, M. Defects engineering leads to enhanced photocatalytic H2 evolution on graphitic carbon nitride–covalent organic framework nanosheet composite. Small 16, 2001100 (2020).

    CAS  Article  Google Scholar 

  17. 17.

    Wang, S. et al. Programming covalent organic frameworks for photocatalysis: investigation of chemical and structural variations. Matter 2, 416–427 (2020).

    Article  Google Scholar 

  18. 18.

    Zhi, Y. et al. Covalent organic frameworks as metal-free heterogeneous photocatalysts for organic transformations. J. Mater. Chem. A 5, 22933–22938 (2017).

    CAS  Article  Google Scholar 

  19. 19.

    Li, Z. et al. Covalent organic framework as an efficient, metal-free, heterogeneous photocatalyst for organic transformations under visible light. Appl. Catal. B Environ. 245, 334–342 (2019).

    CAS  Article  Google Scholar 

  20. 20.

    Li, Z. et al. Screening metal-free photocatalysts from isomorphic covalent organic frameworks for the C-3 functionalization of indoles. J. Mater. Chem. A 8, 8706–8715 (2020).

    CAS  Article  Google Scholar 

  21. 21.

    Zeng, J.-Y., Wang, X.-S., Xie, B.-R., Li, M.-J. & Zhang, X.-Z. Covalent organic framework for improving near-infrared light induced fluorescence imaging through two-photon induction. Angew. Chem. Int. Ed. 59, 10087–10094 (2020).

    CAS  Article  Google Scholar 

  22. 22.

    Spitler, E. L. et al. Lattice expansion of highly oriented 2D phthalocyanine covalent organic framework films. Angew. Chem. Int. Ed. 51, 2623–2627 (2012).

    CAS  Article  Google Scholar 

  23. 23.

    DeBlase, C. R. et al. Rapid and efficient redox processes within 2D covalent organic framework thin films. ACS Nano 9, 3178–3183 (2015).

    CAS  Article  Google Scholar 

  24. 24.

    Sick, T. et al. Oriented films of conjugated 2D covalent organic frameworks as photocathodes for water splitting. J. Am. Chem. Soc. 140, 2085–2092 (2018).

    CAS  Article  Google Scholar 

  25. 25.

    Yu, F. et al. Photostimulus-responsive large-area two-dimensional covalent organic framework films. Angew. Chem. Int. Ed. 58, 16101–16104 (2019).

    CAS  Article  Google Scholar 

  26. 26.

    Ascherl, L. et al. Solvatochromic covalent organic frameworks. Nat. Commun. 9, 3802 (2018).

    ADS  Article  CAS  PubMed Central  Google Scholar 

  27. 27.

    Huang, W. et al. Solvothermal synthesis of microporous, crystalline covalent organic framework nanofibers and their colorimetric nanohybrid structures. ACS Appl. Mater. Interfaces 5, 8845–8849 (2013).

    CAS  Article  Google Scholar 

  28. 28.

    Liu, X. et al. Recent advances in covalent organic frameworks (COFs) as a smart sensing material. Chem. Soc. Rev. 48, 5266–5302 (2019).

    CAS  Article  Google Scholar 

  29. 29.

    Chen, L. et al. Covalent organic framework functionalized with 8-hydroxyquinoline as a dual-mode fluorescent and colorimetric pH sensor. ACS Appl. Mater. Interfaces 10, 15364–15368 (2018).

    CAS  Article  Google Scholar 

  30. 30.

    Ascherl, L. et al. Perylene-based covalent organic frameworks for acid vapor sensing. J. Am. Chem. Soc. 141, 15693–15699 (2019).

    CAS  Article  Google Scholar 

  31. 31.

    Zhang, Y. et al. Covalent organic frameworks as pH responsive signaling scaffolds. Chem. Commun. 52, 11088–11091 (2016).

    CAS  Article  Google Scholar 

  32. 32.

    Beaujuge, P. M. & Reynolds, J. R. Color control in π-conjugated organic polymers for use in electrochromic devices. Chem. Rev. 110, 268–320 (2010).

    CAS  Article  Google Scholar 

  33. 33.

    Beaujuge, P. M., Amb, C. M. & Reynolds, J. R. Spectral engineering in π-conjugated polymers with intramolecular donor-acceptor interactions. Acc. Chem. Res. 43, 1396–1407 (2010).

    CAS  Article  Google Scholar 

  34. 34.

    Beaujuge, P. M., Ellinger, S. & Reynolds, J. R. The donor-acceptor approach allows a black-to-transmissive switching polymeric electrochrome. Nat. Mater. 7, 795–799 (2008).

    ADS  CAS  Article  Google Scholar 

  35. 35.

    Shi, P. et al. Broadly absorbing black to transmissive switching electrochromic polymers. Adv. Mater. 22, 4949–4953 (2010).

    CAS  Article  PubMed Central  Google Scholar 

  36. 36.

    Hao, Q. et al. Oriented two-dimensional covalent organic framework films for near-infrared electrochromic application. J. Am. Chem. Soc. 141, 19831–19838 (2019).

    CAS  Article  PubMed Central  Google Scholar 

  37. 37.

    Xiong, S. et al. Schiff base type conjugated organic framework nanofibers: solvothermal synthesis and electrochromic properties. Sol. Energ. Mat. Sol. C. 209, 110438 (2020).

    CAS  Article  Google Scholar 

  38. 38.

    Lee, K.-R. & Sotzing, G. A. Color tuning of black for electrochromic polymers using precursor blends. Chem. Commun. 49, 5192–5194 (2013).

    CAS  Article  Google Scholar 

  39. 39.

    Lu, C. C. & Su, S. K. Gelation of a highly fluorescent urea-containing triarylamine derivative: N, N, N′, N′-tetrakis (p-octadecylureido-phenyl)-p-phenylenediamine in organic solvents. Supramol. Chem. 21, 547–554 (2009).

    CAS  Article  Google Scholar 

  40. 40.

    Tamilavan, V. et al. A novel donor-acceptor-acceptor-acceptor polymer containing benzodithiophene and benzimidazole-benzothiadiazole-benzimidazole for PSCs. Korean Chem. Soc. 35, 1098–1104 (2014).

    CAS  Article  Google Scholar 

  41. 41.

    Tarazona, P., Marini Bettolo Marconi, U. & Evans, R. Phase equilibria of fluid interfaces and confined fluids: non-local versus local density functionals. Mol. Phys. 60, 573–595 (1987).

    ADS  CAS  Article  Google Scholar 

  42. 42.

    Lastoskie, C., Gubbins, K. E. & Quirke, N. Pore size distribution analysis of microporous carbons: a density functional theory approach. J. Phys. Chem. 97, 4786–4796 (1993).

    CAS  Article  Google Scholar 

  43. 43.

    Grimme, S., Antony, J., Ehrlich, S. & Krieg, H. A consistent and accurate ab initio parametrization of density functional dispersion correction (DFT-D) for the 94 elements H-Pu. J. Chem. Phys. 132, 154104 (2010).

    ADS  Article  CAS  PubMed Central  Google Scholar 

  44. 44.

    Wang, V., Xu, N., Liu, J.-C., Tang, G. & Geng, W.-T. VASPKIT: a user-friendly interface facilitating high-throughput computing and analysis using VASP code. Preprint at https://arxiv.org/abs/1908.08269 (2019).

  45. 45.

    Yu, F., Kurmoo, M., Zhuang, G.-L. & Zuo, J.-L. Hierarchical tandem assembly of planar [3 × 3] building units into {3×[3 × 3]} oligomers: mixed-valency, electrical conductivity and magnetism. Chem. Sci. 9, 7498–7504 (2018).

    CAS  Article  PubMed Central  Google Scholar 

  46. 46.

    Yu, F., Li, J., Cao, Z.-H., Kurmoo, M. & Zuo, J.-L. Electrical conductivity of copper hexamers tuned by their ground-state valences. Inorg. Chem. 57, 3443–3450 (2018).

    CAS  Article  Google Scholar 

  47. 47.

    McDonagh, A. M. et al. A variable optical attenuator operating in the near-infrared region based on an electrochromic molybdenum complex. Chem. Mater. 12, 2523–2524 (2000).

    CAS  Article  Google Scholar 

  48. 48.

    Aydemir, K., Tarkuc, S., Durmus, A., Gunbas, G. E. & Toppare, L. Synthesis, characterization and electrochromic properties of a near infrared active conducting polymer of 1, 4-di (selenophen-2-yl)-benzene. Polymer 49, 2029–2032 (2008).

    CAS  Article  Google Scholar 

  49. 49.

    Esmer, E. N., Tarkuc, S., Udum, Y. A. & Toppare, L. Near infrared electrochromic polymers based on phenazine moieties. Mater. Chem. Phys. 131, 519–524 (2011).

    CAS  Article  Google Scholar 

  50. 50.

    Bergeron, B. V. et al. Variable absorptance and emittance devices for thermal control. J. Phys. Chem. C. 112, 832–838 (2008).

    CAS  Article  Google Scholar 

  51. 51.

    Zheng, Y., Zheng, J., Dou, L., Qiao, W. & Wan, X. Synthesis and characterization of a novel kind of near-infrared electrochromic polymers containing an anthraquinone imide group and ionic moieties. J. Mater. Chem. 19, 8470–8477 (2009).

    CAS  Article  Google Scholar 

Download references


We acknowledge financial supports from Singapore AcRF Tier 1 (RG 113/18) and Tier 2 (MOE 2018-T2-1-070), National Basic Research Program (No. 2018YFA0306004), National Natural Science Foundation of China (No. 21801054 and 21631006), Natural Science Research of Jiangsu Higher Education Institutions of China and Startup Foundation for Introducing Talent of Nanjing University of Information Science & Technology. Q.Z. also thanks the support from the starting funding of City University of Hong Kong, 111 Project (D20015), and State Key Laboratory of Supramolecular Structure and Materials, Jilin University (sklssm2020041).

Author information




Q.Z. and J.-L.Z. supervised the project. Q.Z. and F.Y. conceived and designed the project. F.Y. synthesised and characterised the materials. F.Y. performed the theoretical calculations. F.Y., W.L. and S.-W.K. conceived and built the device and contributed to the EC device. F.Y. and Q.Z. analyses the data with contribution from M.K. and wrote the manuscript. All authors discussed the results and contributed to the manuscript.

Corresponding authors

Correspondence to Jing-Lin Zuo or Qichun Zhang.

Ethics declarations

Competing interests

The authors declare no competing interests.

Additional information

Peer review information Nature Communications thanks Shanxin Xiong and the other, anonymous, reviewer(s) for their contribution to the peer review of this work.

Publisher’s note Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Supplementary information

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 license, and indicate if changes were made. The images or other third party material in this article are included in the article’s Creative Commons license, unless indicated otherwise in a credit line to the material. If material is not included in the article’s Creative Commons license 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 license, visit http://creativecommons.org/licenses/by/4.0/.

Reprints and Permissions

About this article

Verify currency and authenticity via CrossMark

Cite this article

Yu, F., Liu, W., Ke, SW. et al. Electrochromic two-dimensional covalent organic framework with a reversible dark-to-transparent switch. Nat Commun 11, 5534 (2020). https://doi.org/10.1038/s41467-020-19315-6

Download citation

Further reading


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.


Quick links

Nature Briefing

Sign up for the Nature Briefing newsletter — what matters in science, free to your inbox daily.

Get the most important science stories of the day, free in your inbox. Sign up for Nature Briefing