As featured in:

Three-dimensional graphene (3DG)/metal–organic framework (MOF)-based composites have attracted more and more attention in the field of energy due to their unique hierarchical porous structure and properties. The combination of graphene with MOFs can not only effectively overcome the limitations of poor electrical conductivity and low stability of MOFs, but also prevent the aggregation and reaccumulation between graphene sheets. Moreover, 3DG/MOF composites can also be used as multifunctional precursors with adjustable structures and composition of derivatives, thus expanding their applications in the field of electrochemistry. This feature article elaborates the latest synthesis methods of 3DG/MOF composites and their derivatives, along with their applications in batteries, supercapacitors (SCs) and electrocatalysis. In addition, the current challenges and future prospects of 3DG/MOF-based composites are discussed.


Introduction
The development and utilization of sustainable energy has gradually become an urgent concern. Electrochemical energy storage and conversion systems such as lithium-ion batteries (LIBs) and supercapacitors (SCs) have become one of the most important research fields in the world. Advanced electrode materials are the key to developing new types of high efficiency electrochemical energy storage and conversion devices. As emerging ordered crystal materials, metal-organic frameworks (MOFs) are composed of metal ions or clusters and organic ligands through covalent bonds, coordination bonds and intermolecular forces. [1][2][3][4] The variable metal centers and organic ligands of MOFs give them structural and functional diversity. [5][6][7][8][9] Because of their large surface area, high porosity and unique photoelectric effect, MOFs and their derivatives (i.e., porous carbon and metal compounds) have been widely used in the field of electrochemistry. [10][11][12][13][14] However, their low conductivity and poor stability limit their further practical applications to a great extent. 15,16 So far, many efforts have been made to solve these problems. Among them, a promising strategy of combining MOFs with other functional materials to maximize the advantages of the component materials is worthy of careful study, and has attracted widespread attention. [17][18][19] Graphene, a typical two-dimensional (2D) layered material with unique physical and chemical properties, has been continuously researched for various applications since 2004. [20][21][22][23] Nevertheless, the irreversible agglomeration and restacking of graphene sheets severely suppress its intrinsically outstanding specific surface area, high conductivity, great mechanical strength, etc. 24,25 In view of this, three-dimensional graphene (3DG) with a unique porous network structure has currently attracted tremendous attention, as it can not only overcome the strong van der Waals interactions between individual graphene sheets while maintaining the excellent intrinsic properties of graphene, but can also act as the skeleton frame for assembly with other functional materials. 24,[26][27][28] In addition, thanks to its excellent conductivity and high porosity, 3DG is conducive to the transport of electrons and mass during chemical reactions. 25,29,30 However, nanosheets in a pure 3DG network have a high tendency to aggregate or restack during their preparation process and subsequent electrochemical reactions, resulting in a decrease in electrochemical activity. 24,31 Moreover, the extremely low packing density of graphene makes its volume capacitance and energy density low, which limits its further application in the field of electrochemistry. 21 In recent years, many works have proved that the combination of MOFs and 3DG can effectively construct high performance electrode materials for electrochemical energy storage and conversion. [32][33][34][35][36] 3DG/MOF composites and their derivatives can integrate the advantages of their constituent materials, which can not only improve the electrical conductivity and stability of MOFs, but also the structure of MOFs can be optimized through bonding and/or strengthening coordination bonds due to the abundant functional groups of graphenebased materials. [37][38][39] In addition, 3DG sheets are stable in the existence of MOFs, exposing a larger specific surface area and more active sites. The hierarchical porous structure formed in 3DG/MOF composites is conducive to electrolyte entry and mass transfer resistance reduction, and the close contact between 3DG sheets and MOFs can enhance the adsorption energy and ion transport mechanics, so as to achieve excellent energy storage performance. 28,32 With the ever-growing efforts into 3DG/MOF-based composites, researchers have paid more attention to their synthesis and applications. Our group has also made some useful exploration in this respect, and has a profound understanding of the current research status and challenges. Although some previous reports have provided excellent overviews of MOF/ graphene-based materials, there have been few reviews that focus on the synthesis methods and electrochemical applications of 3DG/MOF composites and their derivatives. In the present feature article, we first summarize the available synthetic methods for 3DG/MOF composites and their derivatives. Then, the application of 3DG/MOF composites and their derivatives in electrochemical energy storage and conversion, including batteries, SCs, and electrocatalysis will be reviewed in detail. Finally, the present challenges and our own perspectives on 3DG/MOF-based composites in the electrochemical research field are discussed.

Synthesis of 3DG/MOF composites and their derivatives
Based on the synergy of 3DG and MOFs, the 3DG/MOF-based composites employed as electrode materials show potential advantages in the field of electrochemical energy storage and conversion. To date, many reliable synthesis strategies have been explored to prepare 3DG/MOF composites and their derivatives with diverse architectures (e.g., aerogels, hydrogels, foams, sponges) to meet the requirements of electrochemical applications (Table 1). Generally, the current synthetic routes of 3DG/MOF composites mainly involve two categories: physical mixing and in situ growth, while the 3DG/MOF-derived composites including 3DG/MOF-derived carbonaceous materials and metal compounds require further post-treatment processes. In this section, the recent advances in the synthesis of 3DG/MOFbased composites along with their merits and demerits are discussed.
2.1 3DG/MOF composites 2.1.1 Physical mixing. The physical mixing method is a common and simple method for preparing 3DG/MOF composites by directly mechanically mixing presynthesized MOFs and graphene. As an example, Xu and co-workers reported a facial and general method for fabricating a series of 3D GO/MOF aerogels via simple vigorous stirring ( Fig. 1(a) and (b)). 40 The SEM images shown in Fig. 1(c) and (d) clearly indicate the obtained GO/Fe-MOF and GO/Ni-MOF composite aerogels had highly porous 3D structures and the Fe(Ni)-MOF crystals were uniformly coated on the surface of GO sheets. Recently, Xie et al. fabricated a hybrid GO@MIL-101 composite through ultrasonic treatment at room temperature, and the selfassembly of GO and MIL-101 was driven by the electrostatic interactions between them. 41 Similarly, other 3DG/MOF composites, for instance, Co/Zn-MOF@GO, GO/ZIF-67 and ZIF-8/ GO have also been successfully constructed in this way. [42][43][44] Although these routes are simple and feasible, the MOFs and graphene are often dispersed unevenly. In order to solve this problem, the surface of MOFs is usually modified to enhance the interaction between MOFs and graphene. Li and co-workers first functionalized Co(OH) 2 @PB with a cationic polyelectrolyte poly (diallyldimethylammonium chloride) (PDDA) to make it positively charged, and then a uniform hybrid GO@Co(OH) 2 @ PB was fabricated through the electrostatic interaction between the positively charged Co(OH) 2 @PB microcubes and negatively charged GO nanosheets. 45 In another work, Ding and co-workers prepared a hybrid structured ZIF-8/GO composite by using cetyl trimethylammonium bromide (CTAB) as the modifier (Fig. 1(e)-(g)). 46 Compared with direct mixing of chemical reagents, hydrothermal treatment is a more efficient way to combine MOFs and GO. Barua et al. prepared a graphene-MOF aerogel (GMA) by adding presynthesized CPO-27 into the GO dispersion, followed by a facile hydrothermal reaction at 180 1C for 12 h (Fig. 1(h) and (i)). 47 In previous literature, one more 3DG/MOF composite, such as Fe-Co PBA@GA, 48 In-IPA@rGO, 49 and ZIF-67S@rGO, 50 has been built using this route.
The physical mixing method is easy to manipulate and realize the combination of graphene and MOFs. Since MOFs are prepared separately, their morphology and size can be effectively controlled. However, the fabrication process may be time-consuming, and the relatively weak interaction between graphene and MOFs makes them tend toward agglomeration. Despite some improvements, more efforts are needed to address this problem.
2.1.2 In situ growth. The in situ method is the most widely used strategy for the preparation of 3DG/MOF composites because the MOFs can uniformly grow in situ on graphene deriving from the abundant oxygen-containing functional groups on the surface of graphene (generally GO and rGO), and the interaction between them is strong. [51][52][53] Based on this characteristic, many studies have been carried out to directly immerse the prepared GO or rGO into the MOF precursors, and then some assistive methods such as stirring, 54,55 ultrasonication, [56][57][58] self-assembly and hydrothermal/solvothermal 59 are commonly used for in situ growth. In a typical case, Sikdar and co-workers directly grew mono/multi-metallic MOF nanocrystals on a porous graphene hydrogel framework using a 'hydrogel-organic interfacial diffusion' driven approach ( Fig. 2(a)). 60 The graphene hydrogel-induced bi-phasic (aqueousorganic-gel interfacial) system has been shown to play a key role in the self-assembly of tunable MOF nanostructures. By using this synthesis method, the authors have successfully prepared a variety of MOF based porous graphene aerogel hybrids (MOF-PG), such as AOG Cu(BTC)-PG, AOG ZIF67-PG, AOG ZIF8-PG, and AOG TM-PG. The field-emission electron microscopy (FE-SEM) images displayed in Fig. 2(b)-(e) demonstrate that Cu(BTC) MOFs showed a uniform nanowire structure with a few microns length and diameter at B50-200 nm, and the ZIF67 (the size of B200-300 nm) and ZIF8 (the size of B500 nm) MOFs had a typical cubic morphology. Moreover, the TM[R] prepared from the iron nitrate source possessed a rod like structure (length B400-600 nm and average width B250 nm). Another report showed that the self-assembly of graphene and MOFs could be performed using a one-pot waterreflux method. Qu et al. used this strategy to develop a porous Ni-MOF-74/rGO hybrid by adding the Ni(II)-containing solution to a GO dispersion under continuous stirring and reflux for 2 h, followed by freeze drying to immobilize the loose layered structure (Fig. 2(f)). 61 It was clear that the graphene sheets well coated the uniformly dispersed Ni-MOF-74 nanorods (ca. 300 Â 1200 nm). Chen et al. fabricated a ZIF-67@GO sponge-like precursor via a two-step process involving coprecipitation and ice-template freeze drying. 62 Hydrothermal/solvothermal treatment is a common method for preparing functional materials, using water/nonaqueous solvent as the solvent and creating a high-temperature and high-pressure environment after heating. During the hydrothermal/solvothermal reaction, the GO is typically reduced to rGO, and then a 3D cross-linked monolithic graphene network can be formed due to p-p stacking interactions and van der Waals forces between the randomly oriented hydrophobic rGO sheets. 63 For example, Ren and co-workers prepared a 3D nanoflower-like Co 0.8 Fe 0.2 -MOF-74@rGO hybrid (diameter B5 mm) via a simple hydrothermal reaction ( Fig. 2(g) and (h)). 64 Similarly, 3DG/MOF composites with diverse MOF structures have been constructed using such methods, such as GAs-UiO-66-NH 2 (UiO-66-NH 2 crystals with an octahedral cubic intergrown morphology), 65 ADC-rGO (the DMOF-ADC with pillared structure) 66 and 3DGS-CuCo-MOF (the Co 3.0 Cu 1.0 -MOF with laminated structure) 67 and etc. In another study, Wang et al. fabricated highly dispersed UIO-66-NH 2 ultrafine nanocrystals in situ grown on graphene (UIO-66-NH 2 /GR) rapidly with the assistance of a microwave irradiation induced solvothermal route. 68 Besides, using 3DG grown on nickel foam (or directly combined with GO) as the scaffold-supported MOF precursor is also an effective way to improve MOF uniformity, which has been widely used in energy storage and conversion fields. [69][70][71][72] In general, synthesis methods used in the preparation process can not only affect the interaction between MOFs and graphene, but also affect the morphology and properties of the composites. By using conducting polypyrrole (PPy) coated Co-MOFs/GO as precursors, our group successfully fabricated sub-5 nm ultrasmall Co-MOF nanocrystals encapsulated in N-doped carbon/graphene (NC/G) (denoted as GCP350) via a facile thermalassisted spatially confined pulverization strategy ( Fig. 2(i)). 73 The GCP350 showed a hierarchical structure with uniformly distributed Co-MOF nanocrystals wrapped by NC/G. The morphology and structure characterization showed that the uniform coating of PPy can significantly improve the decomposition temperature and maintain the component stability of Co-MOFs during calcinations in air, thus leading to the pulverization of bulk Co-MOF particles into ultrasmall nanoparticles (average diameter of B4.2 nm) without oxidation (Fig. 2(j) and (k)). Without the coating of PPy, Co-MOF particles would transform into metal oxide.
In situ growth can make MOFs produce uniformly on graphene sheets, which can effectively alleviate the agglomeration of MOF nanocrystals and graphene sheets. However, it is not easy to control the growth of MOFs using this method, and the size of MOF nanocrystals is relatively large due to the rapid coordination reaction between metal ions and ligands.
Excess metal-ion induced in situ growth. Considering the special size-dependent properties, small nanomaterials with remarkable properties have attracted wide attention. [74][75][76] However, the 3DG/MOF composites prepared by the traditional in situ growth method usually produce large MOF nanocrystals due to the rapid coordination reaction. To solve this problem, our group reported a facile and versatile route for fabricating GO/metal cyanide (GO/MC) composites via excess metal-ion induced in situ growth ( Fig. 3(a)). 77 The experimental results suggested that the excess metal ions were necessary for the successful deposition of MC on GO. The excess metal ions could cover the MC particles and induce the MC particles homogeneity dispersed on GO through coordination interaction and electrostatic attraction and inhibited the overgrowth of MC. In this study, a series of 3DG/MC aerogels such as 3DG/ PB, 3DG/Ni-Fe PBA, 3DG/Fe-Co and 3DG/Ni-Ni HCP were successfully obtained by further chemical reduction according to spatially-confined Ostwald ripening. It can be seen that the size of PB nanoparticles before and after adding the sodium ascorbate was around 20 nm and 40-80 nm, respectively ( Fig. 3

(b) and (c)).
Based on the universality and adjustability of this method, a series of ultrasmall PB or PBA nanoparticles (average size o10 nm) uniformly grown on the GO surface have been reported by us through a modified excessive metal-ion induced self-assembly route ( Fig. 3(d)). 78 The resulting PB/GO and PBAs/ GO aerogels could be further obtained by freeze-drying. SEM and TEM images shown in Fig. 3(e)-(g) indicate that the average size of the PB nanoparticles was 5.2 nm. Moreover, other ultrasmall PBA nanoparticles, such as Ni-Ni PBA, Ni-Fe PBA, Fe-Co PBA, and FeNi-Co PBA with an average size below 10 nm could also be obtained. Particularly, we have also successfully synthesized other 3DG/MOF composites with a unique structure and excellent properties by using this method. 76,[79][80][81][82][83] In recent years, many 3DG/MOF-based composites have been prepared by direct physical mixing or in situ growth, but the choice of MOFs is usually the existing common types, such as the ZIF, MIL and UiO series. Therefore, the variety of MOFs can be expanded by selecting other metal ions and organic ligands. Although the combination of MOFs and graphene can make up for the poor conductivity of MOFs, it will also lose the advantage of MOFs in structural diversity to a certain extent. Thus, the development of new conductive MOFs has broad application prospects.

3DG/MOF-derived composites
In addition to 3DG/MOF composites, different kinds of nanosized materials including carbon, metal nanocrystals, and metal compounds (metal oxides, metal sulfides, metal phosphides, etc.) derived from MOFs can be introduced into the 3DG to form the hybrids with various morphologies and advanced properties, which are described in the following section.
2.2.1 3DG/MOF-derived carbon materials. MOFs with a porous structure, large surface area and high carbon content are excellent precursors for direct high-temperature carbonization of porous carbon materials (pure porous carbon or metaldoped porous carbon). 84 For pure porous carbon, the metallic elements in MOFs can be evaporated at high temperatures or removed by further acid treatment. The simple preparation of MOF-derived carbon materials has the problems of easy carbon material aggregation at high temperature, reduction of active sites and poor electrical conductivity. Combining MOF-derived carbon with graphene can effectively solve these problems, and shows great potential in the field of energy storage and conversion. 46,51,85,86 Jiao and co-workers firstly synthesized a novel MOF-rGO composite consisting of a nickel-based pillared MOF (DMOF-ADC) and rGO via a simple solvothermal method. 66 In the subsequent step, ADC-C/rGO was prepared by further thermal treatment at 600 1C in N 2 and using the concentrated HCl to remove nickel residues, which could be effectively used as the negative electrode material for hybrid supercapacitors ( Fig. 4(a)). Morphology and structure characterization indicated that the as-prepared ADC-C/ rGO retained a similar morphology to ADC-rGO, and the graphene sheets were uniformly coated on the hollow microrods ( Fig. 4(b)). In another study, Wang et al. prepared Co, N-codoped porous carbon nanocage anchored 3D graphene framework (Co/ N-PCN@rGO) aerogel composites by calcination of ZIF-67@rGO precursor and subsequent partial acid-etching. 59 The ZIF-67 dodecahedron could be transformed into a hollow structure under thermal-induced stress and decomposition. By further HCl (1 M) etching treatment, some Co nanoparticles could be removed, leaving more pores in the system (Fig. 4(c)-(e)). The construction of a porous structure facilitated the penetration of electrolyte, and the strong coupling between Co/N-PCN and rGO was conducive to electron transfer and mechanical stability.
It is well known that the presence of metals can increase the number of active sites and enhance electrical conductivity. 87 When combined with graphene, it shows good activity and excellent stability, and can maintain catalytic activity under strong acidic or alkaline conditions. Considering this, our group has developed a novel, general and ultrafast microwave-assisted thermal conversion strategy, and for the first time prepared a series of M@NC/RGO (FeNi@NC/RGO, CoNi@NC/RGO, Co@NC/RGO, and FeCoNi@NC/RGO) composites by changing the composition of MOF (Fig. 4(f)). 75 This microwave-assisted method broke down the MOF into separate metals and carbon-and nitrogenous gases at the initial thermal conversion stage, rather than producing aggregated metal and carbon composites as conventional heat treatments were carried out, thus effectively controlling the formation of carbon on the metal surface. Finally, uniformly dispersed core@shell M@NC nanocrystals could be formed on graphene sheets, and the averaged size of FeNi@NC, CoNi@NC, Co@NC, and FeCo-Ni@NC was about 20 nm, 20 nm, 20 nm and 19 nm, respectively ( Fig. 4(g)-(k)).
2.2.2 3DG/MOF-derived metal compounds. Metal compounds, such as oxides, sulfides and phosphates, have been shown to possess potential applications in batteries, SCs and electrocatalysis. 88,89 Using MOFs as precursors, metal compounds can be coated in organic ligand-derived carbon materials, so as to obtain dispersed and excellent electrode materials. Due to the unique properties and synergistic advantages of MOFs and graphene, the synthesis and preparation of MOF/graphene-derived metal compounds have attracted extensive attention in recent years, and have been widely used in the field of electrochemistry.
3DG/MOF-derived metal oxides. Using 3DG/MOF composites as precursors, 3DG/MOF-derived metal oxides can be fabricated via two-step thermal treatment. Some 3DG/MOF-derived metal oxides (e.g., N-Co 3 O 4 @N-C/rGO-S, 90 ZnO/3DGN and Fe 2 O 3 / 3DGN, 69 Co 3 O 4 /3DGN/NF 91 ) were produced using this strategy. As an example, Zhu and co-workers prepared a HoCo 3 O 4 /NS-RGO composite with hollow Co 3 O 4 nanoparticles embedded in a N,S co-doped rGO framework ( Fig. 5(a) and (b)). 92 Firstly, the presynthesized Co-MOF/GO precursor was annealed at 800 1C for 2 h in Ar to obtain the Co@ Co 3 O 4 /NS-RGO, and the Co@Co 3 O 4 possessed a core-shell-like structure with an average diameter of 10-18 nm. Then the resultant HoCo 3 O 4 / NS-RGO composite could be achieved via further annealing the Co@ Co 3 O 4 /NS-RGO in 250 1C air for 2 h. Besides, the corresponding derived metal oxides can also be prepared through a one-step carbonization process in an inert gas. 54,93 Compared with two-step calcination, one-step calcination in air can effectively shorten the reaction path. 70,[94][95][96] An interesting advance is that our group synthesized a double-holeyheterostructure with the holey Fe 2 O 3 nanosheets (H-Fe 2 O 3 ) tightly grown on the holey reduced graphene oxide (H-RGO) by using PB/GO aerogel as the precursor via annealing in air (Fig. 5(c) and (d)). 74 TEM results indicated that the continuous holey H-Fe 2 O 3 nanosheets were formed through chemically interconnecting the ultrasmall Fe 2 O 3 nanoparticles (average diameter B5 nm) that were generated during the annealing process ( Fig. 5(e)). Meanwhile, H-RGO with many nanopores was produced through the thermal reduction of GO, leading to the thermal degradation of the defective domains on GO. The as-obtained H-Fe 2 O 3 /H-RGO exhibited a high specific surface area of 280 m 2 g À1 , and the abundant nanopores and highly continuous 3D framework allowed for the rapid transfer of ions and electrons when used as an anode for LIBs. By annealing the presynthesized 3DG/PB aerogel at 250 1C for 2 h in air, we successfully fabricated 3DG/Fe 2 O 3 aerogel with a porous structure of Fe 2 O 3 evenly wrapped within the graphene framework, which was used as the anode for LIBs. 79 3DG/MOF-derived metal sulfides. Metal sulfides are widely used in the electrochemical field because of their strong conductivity and high specific capacity. The synthesis of metal sulfides using 3DG/MOF composites as the precursor is an effective measure to improve the electrochemical properties, which can not only improve the connectivity between metal sulfides, but also shorten the transport path of ions in the electrolyte path. 33 As a simple and convenient method, 3DG/ MOF-derived metal sulfides can be prepared by hydrothermal/ solvothermal vulcanization reaction, in which thiourea and thioacetamide (TAA) can be used as sulfur sources. 42,92 He and co-workers successfully prepared Co 9 S 8 -3DGF composites through a three-step process, including the growth of graphene on nickel foam via chemical vapor deposition (CVD), in situ growth of MOF on graphene foam, and solvothermal reaction of MOF-3DGF with TAA ( Fig. 6(a)). 94 SEM images suggested that Co 9 S 8 -3DGF with a hollow structure was formed after TAA vulcanization, mainly attributing to the Kirkendall effect ( Fig. 6(b)-(d)). Jiang et al. designed and prepared a 3D CoS 2 QDs@rGO composite via a two-step hydrothermal method followed by a one-step calcination method, and was used as an efficient catalyst for the hydrogen evolution reaction (HER). 50 It is an effective method to synthesize metal sulfides by directly calcining the mixture of MOFs and sulfur-containing materials. Inspired by this, using the pre-prepared 3DG/PB aerogel as the precursor, our group designed a new flexible 3DG/FeS@C nanocomposite through one-step thermal conversion after mixing with sulfur powder (Fig. 6(e)). 81 As shown in Fig. 6(f)-(h), the core-shell FeS@C nanocomposite was encapsulated in the 3DG framework, which was formed in the process of sulfur heat treatment derived from 3DG confined phase separation of the metal and organic moieties of PB. The robust 3D porous conductive network together with the core@shell structure and N and S co-doping, which could be directly and effectively used as an anode for sodium-ion batteries (SIBs). Our other work we also successfully prepared FeS 2 / PNC@3DG composites using this method. 76 In addition, other 3DG/MOF-derived metal sulfides have been prepared by onestep thermal conversion using sulfur powder or thiourea as sulfur sources. 61,62,97 3DG/MOF-derived metal phosphides. Due to their high theoretical capacity and activity, metal phosphides have a broad application prospect in the field of electrochemistry. 98 3DG/ MOF-derived metal phosphides have been shown to be one of the most effective strategies to remarkably enhance the electrochemical performance. Different from 3DG/MOF-derived metal sulfides, 3DG/MOF-derived metal phosphides usually choose NaH 2 PO 2 as the phosphorus source and can be obtained by one-step calcination in an inert atmosphere. 45

View Article Online
Zhang et al. prepared 3DG/FeP aerogel composites using a spatially confined one-step thermal conversion strategy ( Fig. 7(a) and (b)). 101 The FeP nanospheres derived from MOF had hollow structures with an average size of B50 nm and were evenly coated in graphene sheets (Fig. 7(c) and (d)). Differently, our group have developed a novel ultrafast microwave assisted thermal conversion method and successfully constructed bimetallic phosphide/graphene composites with adjustable heterostructures (Fig. 7(e)). 82 Using NaH 2 PO 2 as the phosphorus source, the phosphating reaction of MOF on graphene sheets could be achieved within 20 s under microwave radiation. Through this method, we not only achieved P-doping in graphene to obtain FeNiP/PG composites, but also induced the generation of GC on FeNiP to prepare FeNiP/GC/PG composites, which was very different from traditional heat treatment method (Fig. 7(f) and (h)). The as-obtained FeNiP and FeNiP/GC nanocrystals with an average size of 10 nm and 22 nm were uniformly dispersed on the graphene sheets ( Fig. 7(g) and (i)).
3DG/MOF-derived other metal compounds. Due to the variety of metal ions and organic ligands available for MOFs, other MOF-derived metal compounds, such as metal selenides, metal carbides, metal nitrides, etc., can also be prepared by high temperature pyrolysis or other strategies. In order to fabricate the anode for LIBs with excellent performance, we used a 3DG/ MOF aerogel as the precursor and subsequently prepared a 3DG/Fe 7 Se 8 @C composite by calcination with Se powder at 600 1C in Ar/H 2 . 80 By using microwave-assisted induced thermal transformation of the PB/GO aerogel, our group achieved the decomposition and transformation of PB to core-shell Fe 3 C@C nanoparticles (average size 18 nm) and the reduction of GO to rGO (Fig. 8(a)-(d)). 78 However, under traditional heating conditions, only large and partially aggregated iron/ carbon complex (Fe x C) nanoparticles (average size B50 nm) could be obtained. In addition, transition metal nitrides (TMNs) have received great attention as electrocatalysts due to their wide range of material types and adjustable surface properties. Using ZIF-67/graphene aerogel (ZIF-67/GA) as a template, Zou and co-workers fabricated a CoN x /NGA hybrid through thermal treatment at 500 1C in an ammonia atmosphere (Fig. 8(e)-(i)). 52 Due to the abundant active sites of amorphous CoN x nanoparticles and the 3D porous conductive network structure of NGA, the resultant CoN x /NGA exhibited excellent electocatalytic activity and stability in the ORR, OER and HER.
So far, a large number of 3DG/MOF-derived composites with complex composition, structure and function have been successfully prepared by high temperature heat treatment. However, the commonly used types of MOFs are still limited. Thus, it is necessary to explore other efficient MOFs as precursors to expand the diversity of MOF derivatives, along with systematically studying the relationship between the properties and structures of MOF-derived materials, which can further guide the design and synthesis of high-performance 3DG/MOFderived composites. Moreover, most MOF-derived materials need to be calcined at high temperature. Although the 3DG network structure is conducive to the stability of the system, the porous structure can easily be destroyed. Therefore, reasonable reduction of the calcination temperature is also very important for the preparation of high-performance 3DG/MOF-derived composites.

Application of 3DG/MOF composites and their derivatives to electrochemical energy storage and conversion
MOFs are known to have high porosity, a large surface area, as well as flexible design and componential diversity, but their poor conductivity and stability limit their wide application in energy storage and conversion. As a typical carbon material, graphene has high electrical conductivity and stability, but graphene sheets tend to aggregate easily. Therefore, combining MOFs with graphene to construct MOF/graphene-based composites can improve their existing problems, so as to synergically promote the electrochemical performance of the system. In this section, we mainly review the applications of 3DG/MOF composites and their derivatives in batteries, SCs and electrocatalysis.

Batteries
With the rapid development of new energy industries, the development of high-capacity, low-cost and environmentally friendly rechargeable batteries has attracted much attention. As a typical inorganic-organic nanomaterial, MOFs have been widely studied in the construction of battery electrodes due to their special characteristics of large porosity, adjustable structure and abundant active sites. 102 To meet the demand for high performance battery electrode materials, studies have shown that combining MOFs with graphene-based conductive materials can significantly improve the capacity, electronic conductivity and  Lithium-ion batteries. LIBs have been widely used in portable electronic equipment because of their advantages such as largescale energy storage, long cycle life and good environmental compatibility. 104 In the battery devices, the development of high-performance electrode materials is very important. LIBs work by circulating Li + between the positive and negative poles based on the rocking-chair concept. 105,106 Active materials that can reversibly embed and deembed Li + are usually selected as cathode and anode materials. In order to improve the energy and power density of LIBs, it is necessary to use anode electrode materials with larger capacity and higher lithium diffusion rate. In recent years, MOF/graphene-based composites with a 3D porous structure show potential advantages. By using the conductive PPy coated Co-MOFs/GO as precursors, our group successfully prepared sub-5 nm ultra-small Co-MOFs nanocrystals encapsulated in GCP350, which was used as an anode material for LIBs ( Fig. 9(a)). 73 It exhibited an extremely high reversible capacity of 1301 mA h g À1 at 0.1 A g À1 , extraordinary rate performance of 494 mA h g À1 at 40 A g À1 , and excellent cyclic stability with 98.6% capacity maintained after 2000 cycles at 10 A g À1 (Fig. 9(b) and (c)). The excellent electrochemical performance of GCP350 benefited from the synergistic effect of ultrasmall Co-MOF nanocrystals and 2D ultrathin NC/G layers. Its large specific surface area and abundant active sites was not only conducive to the full contact between electrolyte and active materials, and could shorten the transport distance of Li-ions and electrons, but it also promoted the electron transport.
Based on the excellent structural characteristics of porous and hollow metal oxides derived from MOFs, we designed and synthesized 3DG/Fe 2 O 3 composites with porous Fe 2 O 3 nanoframeworks, 79 43 The cross-sectional SEM image showed that the HAGO/Co@CN had a layered porous and highly interpenetrating network structure ( Fig. 9(d)). And this unique structure exhibited excellent structural stability and electrochemical performance, which could achieve stable cycling at a high area capacity of 5 mA h cm À2 (Fig. 9(e)). In addition, they constructed a full cell with HAGO/Co@CN as the anode and NCM 622 as the cathode, exhibiting an ultrahigh capacity of 2.3 mA h cm À2 at 1 C and a high capacity retention rate (498%) after 500 cycles ( Fig. 9(f) and (g)).
Sodium/potassium-ion batteries. Compared with LIBs, SIBs and PIBs have the same energy storage mechanism and obvious cost advantages, thus showing broad application prospects in large-scale energy storage. However, the radius of Na + and K + is much larger than that of Li + , and many electrode materials have poor electrochemical activity and a strong volume expansion effect. 32,33 In view of the current demand for energy storage, developing electrode materials with high specific capacity, good reversibility and long life cycle stability is a major challenge.
Based on the unique advantages of MOFs and graphene, 3DG/MOF-based composites have potential advantages. 45,62,81 Inspired by this, we synthesized a free-standing 3DG/PB aerogel to be used as a cathode material for SIBs, with an excellent rate performance and long-term cycling stability. 77 The remarkable electrochemical properties of the 3DG/PB aerogel derived from their 3D porous conductive frameworks and the special RGO/ PB/RGO sandwich structure, resulting in effective electron and ion transport, as well as structural stability. In addition, 3DG/ MOF-derived metal compounds have shown great potential in SIBs. Our group explored a multi-scale nanostructured FeS 2 / PNC@3DG composite anode using a simple one-step vulcanization strategy. 76 The SEM and TEM results showed that the ultrafine FeS 2 nanocrystals were separated and protected by porous nitrogen-doped carbon nanospheres (PNCS) and uniformly encapsulated in 3DG (Fig. 10(a) and (b)). The unique multi-scale nanostructure of FeS 2 /PNC@3DG could increase the active sites, shorten the ion diffusion path, and accelerate the electron/ion transport. Thus, it displayed excellent electrochemical properties, possessing an ultra-high reversible capacity of 597 mA h g À1 at 0.2 A g À1 (Fig. 10(c)), superior rate capacity of 316 mA h g À1 at 5 A g À2 (Fig. 10(d)), and excellent long-term cycling performance with a capacity retention of 85.2% after 800 cycles (Fig. 10(e)). Theoretical calculations suggested that the presence of NC not only improved the conductivity of FeS 2 , but also provided enhanced Li/Na interface storage. Using ZIF-67-GO-NF as the precursor, Ge et al.
prepared CoP@C-RGO-NF architectures through a low temperature phosphatizing process, in which the porous core/shell CoP@C polyhedron structures derived from ZIF-67 were uniformly anchored onto the 3D RGO-NF network ( Fig. 10(f)). 99 Due to the synergistic effect of porous core/shell structured CoP@C and RGO networks, the specific capacity of CoP@ C-RGO-NF as the anode for SIBs could reach 473.1 mA h g À1 after 100 cycles at 100 mA g À1 , which also showed an excellent reversible capability (Fig. 10(g) and (h)).
PIBs have a higher energy density than SIBs due to the lower reduction potential of K, but the large K + radius makes the K + reaction kinetics in PIBs slow and the rate performance is not ideal. 35 The construction of porous 3D network electrode materials is considered to be an effective strategy. Our group prepared a Co-MOF-rGO hybrid by using an effective interface engineering strategy, which was employed as the free-standing anode for PIBs ( Fig. 11(a)). 83 The strong chemical coupling between Co-MOF and rGO calculated by DFT could improve the adsorption and diffusion of the potassium ion within Co-MOF nanocrystals, rending the Co-MOF-rGO anode with an ultrahigh reversible capacity of 422 mA h g À1 at 0.1 A g À1 , outstanding rate capability of 202 mA h g À1 at 5 A g À1 , and excellent prolonged cycling performance of 74% capacity retention after 2000 cycles at 2 A g À1 , much better than the physical composite Co-MOF/rGO ( Fig. 11(b)-(e)). Transition metal phosphides (TMP) have been regarded as promising anode materials for PIBs due to their high theoretical capacity and excellent thermodynamic stability. Using 3DG/MOF as a precursor, Zhang and co-workers constructed a layered porous 3DG/FeP aerogel composite through a spatially confined thermal conversion strategy, in which FeP hollow nanospheres were uniformly encapsulated in the 3DG skeleton (Fig. 11(f)). 101 The electrochemical measurement results showed that the flexible 3DG/FeP film obtained by simple compression of 3DG/FeP aerogel as the anode had a high reversible capacity (323 mA h g À1 at 0.1 A g À1 ) and remarkable electrochemical stability (97.6% capacity retention at 2 A g À1 after 2000 cycles) (Fig. 11(g)-(i)).
Lithium-sulfur batteries. Typical LSBs usually have elemental sulfur or sulfur-containing compounds as the cathode and lithium metal as the anode. Due to the abundant resources and high theoretical energy density of the active material sulfur, LSBs with high theoretical specific capacity have attracted much attention. 4,34 However, there are still some problems in LSBs, e.g., the dissolution of polysulfide lithium products in electrolyte, the dendrite growth of lithium metal in the cathode, poor conductivity of sulfur and large volume change during the battery charge/discharge process. 107,108 The design and synthesis of electrode materials with good conductivity, porous flexibility and robustness can effectively improve the above problems. It has been reported that constructing 3DG/MOF-based composites is a good strategy to significantly improve the electrochemical performance of LSBs. 49,59,90 Using ZIF-8/GO composite as the precursor, Ding et al. designed and synthesized a 3D porous carbon framework (PCF) containing polyhedral hollow carbon wrapped by RGO through a confined pyrolysis strategy (Fig. 12(a) and (b)). 46 The PCF/S composite electrode obtained by vulcanization as the cathode of LSBs showed a high discharge capacity (1151 mA h g À1 at 1C) (Fig. 12(c)) and excellent cycle stability (the capacity decay per cycle is 0.035% during 650 cycles) (Fig. 12(d)). Its excellent electrochemical performance was mainly due to the high conductivity of the constructed 3D porous continuous framework, which could promote the full contact between the active substance and the electrolyte, and its good mechanical stability could adapt to the volumetric expansion/shrinkage of sulfur in the process of charge/discharge. In addition, Wan et al. prepared ZIF-67-derived Co nanodots uniformly embedded in 3D graphene aerogel composite (Co-NDs@G) ( Fig. 12(e)). 87 Highly dispersed Co nanodots acting as active sites could effectively capture the soluble lithium polysulfides (LiPS), and the strong binding energies between LiPS and the N, Co-doped graphene sheet could accelerate the conversion kinetics of LiPS verified by DFT calculations (Fig. 12(f)), giving it excellent electrochemical activity and stability ( Fig. 12(g) and (h)).

Supercapacitors
As another promising energy storage device, SCs are attracting more and more attention because of their advantages including high power density, fast charging and discharging speed and long cycle life. 109,110 According to the energy storage mechanisms, SCs can be classified into two types: electric double-layer capacitors (EDLCs) that derive from charge separation at the electrode/electrolyte interface and pseudocapacitors that store charge through reversible redox reactions involving the surface region of the electrode material. 111 Generally, EDLCs are composed of carbon-based electrode materials, such as porous carbon, carbon nanotubes and graphene, which exhibit a high power density, long cycle life due to their high specific surface area, controllable porosity, good electron conductivity and so on, but their energy density is low. 112 Conductive polymers and metal compounds are commonly used as pseudocapacitive electrode materials due to their rapid reversible redox reactions, which exhibit higher capacity and energy density. 113 However, their cycle stability is relatively poor and their power density is low. Therefore, thanks to the large specific surface area and potential pseudocapacitor sites of MOFs, as well as electric double-layer capacitance provided by graphene, 3DG/ MOF composites have been proven to be highly suitable for using as the SCs electrodes. 41,55 Barua and co-workers prepared a GMA electrode material for supercapacitors without any binder and conductive additive (Fig. 13(a)). 47 The GMA exhibited excellent specific capacitance properties at both low mass loads of 3 mg cm À2 (98 F g À1 at 0.5 A g À1 ) and high mass loads of 10 mg cm À2 (75 F g À1 at 0.5 A g À1 ) ( Fig. 13(b)). In particular,  the GMA electrode showed excellent stability of 100% after 25 000 cycles under both conditions (Fig. 13(c) and (d)). Moreover, Hong et al. used a facile one-pot solvothermal method to synthesize a Ni-Co-MOF/GO composite with a 3D structure, and the material used as the capacitor electrode exhibited a high energy storage performance. 56 Various 3DG/MOF-derived composites have also been employed as promising high-performance SC electrodes, such as Co 3 O 4 / 3DGN/NF, 91 3DGN/Mn 2 O 3 , 114 CoO x /NG-A and C/NG-A, 51 Co 1Àx S/ CoFe 2 O 4 @rGO, 64 R-NiS/rGO, 61 Co/Zn-S@rGO, 42 3D ZnCo 2 O 4 /GA and 3D N-AC/GA, 115 and so on. In a typical case, Xu and co-workers prepared a rGO/Fe 2 O 3 aerogel composite through simple freezedrying and calcination processes of the GO/Fe-MOF composite aerogel precursor (Fig. 13(e)). 40 The specific capacitance of the rGO/Fe 2 O 3 electrode reached 869.2 F g À1 at 1 A g À1 , which was much higher than that of rGO (360.8 F g À1 ) and Fe 2 O 3 (258.5 F g À1 ) ( Fig. 13(f)). When used as a flexible all-solid state supercapacitor, it had a high capacity capacitance and good stability (96.3% capacity retention rate after 5000 cycles) ( Fig. 13(g)). The excellent electrochemical performance was mainly due to the 3D framework structures formed by interconnected rGO sheets and the synergistic effect between rGO and Fe-MOF-derived Fe 2 O 3 nanostructures. Porous nitrogen-rich carbon and Ni(OH) 2 derived from ADC were uniformly anchored on rGO sheets to be used as the negative electrode and positive electrode for SCs individually, as proposed by Jiao and co-workers ( Fig. 13(h)). 66 The hybrid device exhibited a high rate capability of 608 C g À1 at 1 A g À1 and a capacity loss of 5% after 10 000 cycles at 20 A g À1 (Fig. 13(i) and (j)).

Electrocatalysis
Electrocatalysis, as an efficient energy storage and conversion technology, is an important way to achieve sustainable clean energy in the future, among which the HER, oxygen evolution reaction (OER) and oxygen reduction reaction (ORR) are several important reactions in electrochemical energy conversion devices. It is well known that platinum-based materials have excellent electrocatalytic activity, but their high price and low stability limit their commercial application. 37 Therefore, it is urgent to develop low cost and high performance non-precious metal catalysts. In recent years, 3DG/MOF-based composites have been widely used in the field of electrocatalysts due to their abundant pore structure, large specific surface area, abundant active sites and strong designability.
HER and OER. Electrochemical water splitting to produce hydrogen and oxygen is a promising energy storage technology. HER occurs at the cathode and involves the transfer of two electrons. In the HER, the chemisorption and desorption of H atom on the electrode surface are competitive processes, which play a very key role in the reaction. 116 The OER involves a fourelectron transfer and therefore requires a higher thermodynamic potential than the HER to overcome the slow kinetics, which is a key factor limiting the efficiency of water splitting. 117 Thus, the efficiency of electrocatalytic water splitting deeply depends on the choice of electrode materials. In order to improve the activity of the OER, Wang et al. designed and synthesized a series of 3DGS/CoCu-MOF composites with bimetallic organic framework grown on a 3D graphene sponge (3DGS) (Fig. 14(a)). 67 3DGS was characterized by large surface area, high porosity and good electrical conductivity, which could accelerate mass and electron transfer, while the MOFcontaining bimetallic active center was used as the catalytic main body. The 3DGS-Co 3.0 Cu 1.0 -MOF composite showed good electrocatalytic performance with an overpotential of 460 mV, the slope of Tafel curve was 172 mV dec À1 , and the charge transfer resistance (R ct ) was 16.38 O cm À2 (Fig. 14(b) and (c)). It also had excellent stability and the current density remained at 95.07% after the test of 20 000 s. There are also many other 3DG/MOF composites that have been used as electrocatalysts for the OER, such as MFN@GA/NF, 71 Co 0.3 Ni 0.7 -MOF/3DG/ NF8, 72 3D Gr/Ni-MOF, 57 MOF-PG, 60 and so on.
3DG/MOF-derived composites with a unique multilevel network structure, abundant active sites and excellent electrical conductivity can be used as HER and OER electrocatalysts. 36,50,52 Compared with traditional programmed heat treatment, microwave-assisted thermal conversion offers many possibilities for the preparation of novel 3DG/MOF-derived composites. Using this approach, our group successfully constructed uniformly dispersed monolayer/few-layer N-doped graphene encapsulated metal nanocrystals for efficient electrocatalytic OER. 75 In our other work, we used this method to prepare bimetal phosphide/P-doped graphene (FeNiP/PG) as a bifunctional catalyst for both the OER and HER (Fig. 14(d)). 82 The electrochemical results indicated that FeNiP/PG had low overpotential for the OER (229 mV) and HER (173 mV) at 10 mA cm À2 in 1 M KOH solution (Fig. 14(e) and (f)). The morphology of FeNiP/PG did not change significantly during the CV activation process (Fig. 14(g)). Its excellent overall water splitting properties were mainly due to the synergistic effect between FeNiP and PG. The uniformly dispersed FeNiP nanocrystals could provide abundant active sites, and P-doping in graphene could further improve its OER and HER properties.
ORR. The ORR is one of the important reactions of energy conversion and storage in fuel cells and metal-air batteries. 118 It is a multi-electron reaction with very complex reaction mechanism, involving multi-step elementary reaction and different intermediates, and usually has two different pathways of four-electron and two-electron transfer process. 119 The ORR mechanism largely depends on the adsorption behavior of the O 2 molecule on the catalyst surface and determines the rate of the whole electrochemical reaction. 120 As is well known, the quality of electrode materials directly affects the catalytic performance. At present, many non-noble metal electrocatalysts have shown excellent ORR catalytic activity, among which 3DG/MOF composites and their derivatives have the possibility to be used as ORR catalysts due to their unique morphology and ultra-strong adjustability. 54,85,97 Considering that metal oxides and carbon-based materials are promising electrode materials, Xia and co-workers prepared a CoO x /NG-A composite using Co-based MOF/graphene aerogel as the precursor via oxidation treatment in air. 51 HAADF-STEM results showed that the resulting CoO x hollow nanoparticles (with an external size of B35 nm and an internal size of B10 nm) were uniformly dispersed in N-doped graphene aerogels ( Fig. 15(a)). Based on the porous N-doped graphene crosslinking network and the rich edge and defect sites of hollow CoO x , the CoO x /NG-A showed excellent ORR activity (reduction peak potential of 0.786 V vs. RHE, onset potential of 1.019 V, half-wave potential of 54 mV) and stability (no obvious change in polarization curve after 3000 cycles) in 0.1 M KOH solution (Fig. 15(b) and (c)). Yan et al. prepared a freestanding 3D CNT/rGO heterostructure film (CGHF) through three steps including solvothermal synthesis of Ni-BTC hollow-microsphere (Ni-BTC HM), vacuum filtration of Ni-BTC HM and GO mixture into film, followed by pyrolysis in Ar (Fig. 15(d)). 121 The Ni-BTC HM-derived CNT microspheres superstructure were connected with rGO, which could effectively prevent the aggregation of rGO sheets. The asprepared Ni@N-HCGHF with a unique 3D structure possessed large specific surface area, abundant active sites and high conductivity, resulting in significantly improved electrocatalytic activity. As it was used as the OER catalyst, the half-wave potential could reach as high as 0.875 V, and durability tests indicated that the performance loss of it was negligible after a long-term stability test, which was superior to that of Pt/C ( Fig. 15(e) and (f)). In addition, it also showed excellent electrocatalytic activity and stability as HER and OER catalysts.

Conclusions and prospects
3DG/MOF-based materials with a unique hierarchical porous structure are of great significance to realize high-performance applications in the field of electrochemistry. In this feature article, we first discussed the latest synthesis methods for constructing 3DG/MOF composites (such as physical mixing and in situ growth) and 3DG/MOF derivatives. Then, their applications in electrochemical energy storage and conversion fields such as batteries, SCs and electrocatalysis were elaborated in detail.
Although great progress has been made in the preparation and application of 3DG/MOF-based composites recently, there are still some aspects to be further improved and developed. First, currently, the reported types of MOFs are limited, mainly concentrated on ZIF series, MIL series, UiO series and HKUST-1 series. By regulating their composition and structure, more optimized MOFs and their derivatives can be obtained. In addition, other functional MOF-based materials, such as conductive MOFs, have potential advantages in the field of electrochemical applications. Second, for 3D porous materials, the construction of a hierarchical pore structure can simultaneously improve the specific surface area, the number of electrochemical active sites and the efficiency of ion/electron transport. Although 3DG/MOF-based composites exhibit a porous structure, it is difficult to precisely adjust the porous structure, especially for micropores and mesopores. Thus, the preparation of ordered porous 3DG/MOF composites and their derivatives is worth studying. Third, it is well known that strong interaction, coordination effect, synergistic effect and confinement effect at the interface have an important influence on electrochemical activity and stability. However, the interface interaction between MOFs and graphene is weak. Usually, electrostatic interactions between simple physically mixed MOFs and graphene is enhanced by means of surface modification, and covalent interactions between groups on GO and groups on MOF ligands can be enhanced by in situ growth. However, there is competition between oxygen-containing groups on GO and organic ligands on MOFs for the binding of metal cations, which will affect the formation of MOFs. Thus, it is essential to explore 3DG/MOFbased materials with strong interfacial interaction to improve the electrochemical performance. We proposed a facial and versatile strategy for uniform in situ growth of MOFs induced by excessive metal ions anchored on the GO surface, which can be extended to the synthesis of other 3DG/MOF-based materials as high performing electrode materials. Fourth, the size and structure of nanomaterials have significant influence on their electrochemical activity. Smaller and monodisperse nanomaterials can provide more active sites, thus promoting the improvement of electrochemical performance. As is known, the synthesis process plays an important role in the structure and morphology of MOFs and their derivatives. We have successfully prepared ultrasmall MOFs and their derivative nanoparticles using excess metal ion-induced self-assembly and subsequent microwaveassisted thermal conversion or space-confined pulverization strategies. This provides an exciting approach for large-scale synthesis of ultrasmall functional MOF nanocrystals, which has a broad application prospect in electrochemical energy storage and conversion. Fifth, the relationship between the structure and properties of 3DG/MOF-based composites still needs to be further studied. The mechanism of electrochemical activity can be systematically and deeply explored by combining advanced characterization techniques and theoretical calculations, so as to provide guidance for the rational design of new high-efficiency electrode materials. We believe that 3DG/MOF composites and their derivatives will show broad prospects in electrochemical energy storage and conversion with continuous progress in the design, preparation and characterization of new materials.