1. Introduction
Transparent supercapacitors (TSCs) combine high capacitance and optical transparency, making them highly promising for applications in portable electronic devices, smart windows and displays [
1,
2,
3,
4]. Typically, the core components of TSCs include transparent electrolytes, transparent current collectors (such as indium tin oxide, ITO), and transparent electrode materials. Among these, electrode materials play a critical role in determining performance and transparency of the device. However, the development of transparent electrodes has been hindered by two main challenges: (i) the capacitance of materials is inversely related to their transparency, meaning that achieving high transparency often compromises capacitance performance; (ii) current material systems face significant limitations in terms of environmental sustainability, cost of preparation, and large-scale manufacturability. For instance, the widely used ITO is dependent on limited indium resources, and difficult to recycle, making it unsuitable for larger scale applications. In recent years, nanomaterials such as MXene, graphene, carbon nanotubes (CNTs), and metal nanowires have shown excellent performance in conductivity and mechanical flexibility [
5,
6,
7,
8,
9,
10,
11]. However, their synthesis often relies on hazardous etchants (such as hydrofluoric acid) or complex vapor deposition techniques, leading to high costs and significant environmental concerns. Therefore, the development of scalable fabrication strategies that simultaneously optimize transparency, electrochemical performance, environmental sustainability, and cost-effectiveness remains a critical challenge in advancing transparent energy storage technologies.
In this context, biomass-derived carbon materials have attracted considerable research interest due to their sustainability, tunable structural properties, and inherent conductivity [
12,
13,
14]. Silk, a natural protein fiber composed of fibroin and sericin, features a distinctive
β-sheet structure that can transform into graphite-like carbon layers during high-temperature carbonization. Compared to petroleum-based carbon fibers, silk-based carbon fibers originate from abundant, renewable raw materials, and their carbonization process does not require complex catalysts, presenting significant environmental advantages. However, directly carbonized silk fibers typically exhibit a low specific surface area and limited surface chemical activity, which constrains their ability to achieve the energy density required for high-performance energy storage devices. Therefore, optimizing the electrochemical activity of silk-derived carbon materials through structural engineering and surface modification strategies, while preserving their high transparency and mechanical flexibility, has emerged as a critical research focus in this field.
In recent years, metal-organic complexes have shown distinct advantages as precursors for functional carbon materials [
15,
16,
17,
18]. By selecting specific metal centers (e.g., Co and Fe) and nitrogen/sulfur-containing organic ligands (such as imidazole and thiourea), the pore structure, heteroatom doping types, and surface functional group distribution of the carbonized products can be finely tuned at the molecular level. For instance, cobalt-based complexes can generate metal nanoparticles
in-situ during high-temperature pyrolysis, and their “catalytic graphitization” effect can promote the formation of a highly conductive graphene-like domains within the carbon matrix. Simultaneously, the templating effect of these nanoparticles induces a hierarchical porous structure, thereby enhancing the material’s specific surface area and ion transport properties. Moreover, nitrogen species released during complex decomposition can be incorporated into the carbon framework as pyridinic and pyrrolic nitrogen, introducing electrochemically active sites. This integrated “structure-function” design presents a novel strategy for developing high-performance transparent electrodes.
Based on the above analysis, this study presents an innovative strategy that leverages natural silk fibroin as a flexible substrate for the in-situ growth of cobalt-imidazole complexes, followed by a controlled carbonization process to fabricate porous carbon-modified transparent silk carbon fiber meshes (TFCs). This design capitalizes on the intrinsic mesh structure of silk fibers (inter fiber spacing ~300 μm) to achieve high optical transparency (>65%), while cobalt-catalyzed carbonization induces the formation of a nanographene/mesoporous carbon composite layer on the fiber surface and specific surface area (570 m²/g). Electrochemical evaluations demonstrate that the TFC-based transparent all-solid-state supercapacitor achieves an aerial capacitance of 9.65 mF/cm² at a scan rate of 0.01 V/s, with a capacitance retention of 89% after 2000 cycles at 0.5 V/s. Notably, the entire fabrication process is free from precious metal catalysts or complex instrumentation, offering a scalable and cost-effective approach for the mass production of transparent energy storage devices. This study provides theoretical and technical insights into overcoming the long-standing trade-offs among transparency, electrical conductivity, and capacitance in transparent electrodes.
3. Results and Discussion
Figure 1 shows a schematic illustration of the fabrication process for the porous carbon-modified transparent flexible carbon mesh (TFC). The antiparallel
β-sheet conformation represents the most stable structure within silk fibroin molecules. The polar functional groups present in this structure, such as hydroxyl (-OH) and carboxyl (-COOH), facilitate the adsorption of metal ions through electrostatic interactions. Additionally, -NH₂ groups can coordinate with metal ions, forming stable chelates [
12]. During the synthesis process, the transparent silk mesh was initially immersed in an aqueous Co(NO
3)
2 solution, allowing the silk fiber surface to fully adsorb Co²⁺ ions. Subsequently, the material was transferred into an imidazole solution, where Co²⁺ reacted with imidazole molecules on the silk fiber surface, leading to the in situ formation of hexaimidazolecobalt nitrate. Finally, the as-prepared composite underwent high-temperature pyrolysis, yielding the TFC network. As shown in Figure S1, the silk mesh loaded with the coordination complex exhibited a color transition from off-white to purple while retaining its optical transparency, confirming the successful adsorption and complexation of cobalt species.
To investigate the physicochemical properties of the coordination complex, samples were initially prepared without deposition onto the silk mesh.
Figure 2a shows the SEM image of independently prepared coordination complex, revealing a nano/micro-spherical morphology with nanosheet diameters of approximately 3 μm.
Figure 2b displays the XRD pattern of the coordination complex. It was observed that the peaks containing the CoN
6 coordination site corresponded to the theoretical powder diffraction pattern of hexaimidazolecobalt nitrate [Co(C
3H
4N
2)
3](NO
3)
2), as derived from the CIF data (CCDC-1142518) [
19]. The thermal decomposition characteristics of [Co(C
3H
4N
2)
3](NO
3)
2) are analyzed in
Figure 2c,d, which depict the thermogravimetric (TG) and differential scanning calorimetry (DSC) curves. Three distinct thermal decomposition stages are evident. The first endothermic stage, occurring between 50°C and 100°C, corresponds to a 3% mass loss due to the removal of adsorbed water. The second exothermic stage begins at 200°C, with the most significant mass loss (~20%) occurring at 300°C, likely attributed to the decomposition of nitrate anions and partial oxidation of the imidazole ligand. The third endothermic stage initiates at 490°C, reaching a maximum mass loss of 60% at 520°C, corresponding to the complete decomposition of the organic framework and concurrent partial carbonization. Beyond 800°C, the mass stabilizes, indicating the cessation of further thermal degradation, primarily due to the completion of carbonization reactions. Based on this thermal decomposition analysis, the heat treatment temperature was set at 900°C, ensuring the complete carbonization of both [Co(C
3H
4N
2)
3](NO
3)
2) and the silk mesh.
In this study, the silk mesh successfully retains its original woven structure after carbonization, enabling its use as a substrate material for transparent electronic devices. Fig. S2a shows the optical and SEM images of the pristine silk mesh, which consists of perpendicularly woven silk fibers with an average inter-fiber spacing of approximately 300 μm (Fig. S2b). The inherent transparency of the silk mesh is attributed to these large inter-fiber gaps, which facilitate the transmission of visible light. After carbonization, the carbon fiber mesh preserves the original woven architecture of the silk fabric, with a ~50% reduction in area (Fig. S2c). The inter-fiber spacing contracts to 150 μm, and the fiber diameter decreases to 30–40 μm, while transparency remains effectively maintained. However, carbon fibers derived directly from silk fibers exhibit relatively smooth surfaces and a limited specific surface area, constraining their electrochemical capacitance [
20]. Therefore, to enhance the capacitive performance of the material, surface modification strategies are required to introduce structural features that improve ion accessibility and charge storage capability.
Figure 3a shows the optical image of the silk mesh after heat treatment, loaded with the [Co(C
3H
4N
2)
3](NO
3)
2). The carbon mesh maintains excellent transparency and flexibility after heat treatment.
Figure 3b shows the SEM image of the prepared sample, where the carbon fibers maintain the structure of the silk mesh, and the surface has become relatively rough.
Figure 3c presents a partial enlargement of the carbon fibers, revealing flake-like structures approximately 1 μm in length and 200 nm in width. Additionally, uniformly dispersed spherical nanoparticles with diameters ranging from 20 to 30 nm are embedded within these flake-like structures. The XRD pattern of the as-prepared sample (Fig. S3) exhibits characteristic diffraction peaks at 2θ = 42°, 53°, and 75°, corresponding to the (111), (200), and (220) crystal planes of metallic cobalt. This confirms that during high-temperature calcination, Co²⁺ ions undergo in situ reduction to form metallic cobalt nanoparticles, in agreement with the structural features observed in the SEM images (
Figure 3c). Following the removal of metallic cobalt nanoparticles via hydrochloric acid etching,
Figure 3d reveals the porous morphology of the flake-like carbon. The formation of numerous small pores upon cobalt removal highlights the template effect of metal nanoparticles, which contributes to increased surface area and improved ion accessibility.
To minimize the influence of carbon derived from the silk mesh, the prepared TFC underwent ultrasonic treatment during testing, enabling the separation of carbon from the metal-organic complex for further analysis.
Figure 3e presents the Raman spectrum of the prepared samples. The characteristic peaks at 1580 cm⁻¹ (G-band) and 1350 cm⁻¹ (D-band) correspond to crystalline sp² carbon and structural defects, respectively [
21,
22,
23]. At 2750 cm⁻¹, a relatively broad 2D band is observed, suggesting that the carbon fibers have a multi-layer graphene-like structure. These findings confirm that the carbon derived from [Co(C
3H
4N
2)
3](NO
3)
2) exhibits nano-graphene-like properties, making it suitable as an electrode material for supercapacitors. It is well known that N-doped carbon materials exhibit superior electrical conductivity, increased active sites, and enhanced charge storage properties. Therefore, further analysis of the N1s spectra provides insights into the functional roles of nitrogen species within the material. As depicted in
Figure 3f, the N1s spectrum can be fitted with four peaks at 398.8 eV, 400.5 eV, and 401.3 eV, corresponding to pyridinic N (N-6), pyrrolic N (N-5), and graphitic N (NQ), respectively [
24,
25,
26]. These results confirm the successful nitrogen doping of the carbon framework, which is advantageous for improving capacitive performance.
TEM images further confirm that the pores are uniformly distributed across the carbon sheet, with sizes ranging from 20 to 30 nm, consistent with the SEM results (
Figure 4a,b). These mesopores contribute to an increased specific surface area, thereby enhancing capacitance. High-resolution TEM (HRTEM) images (
Figure 4c,d) reveal that the carbon samples exhibit a high degree of graphitization. The interlayer spacing of the nano-graphitic domains is measured at ~0.37 nm, slightly larger than that of bulk graphite (0.335 nm). Additionally, mesopores ranging from 3 to 6 nm in size are observed within the graphitic domains, likely resulting from the removal of metal cobalt. These metallic cobalt nanoparticles were formed through the thermal reduction of Co²⁺ in [Co(C
3H
4N
2)
3](NO
3)
2). The specific surface area and pore size distribution of the synthesized porous carbon materials were examined through N₂ isothermal adsorption-desorption analysis.
Figure 4e displays the N₂ adsorption-desorption isotherm of the sample, characterized by a type IV profile. A pronounced H₂-type hysteresis loop appears in the medium-pressure region, signifying that the derived carbon possesses a hierarchical porous structure composed of both micropores and mesopores [
27,
28]. Moreover, the sharp rise in adsorption capacity at low pressure indicates the presence of microporous structures. The Brunauer-Emmett-Teller (BET) model was employed to determine the specific surface area, which was found to be 570 m² g⁻¹, with dominant pore size distributions at 2 nm and 25 nm. Based on these findings, a formation mechanism is proposed (
Figure 4f inset). During pyrolysis, the Co²⁺–imidazole coordination bonds break, leading to the reduction of Co²⁺ ions into metallic Co atoms by carbon. These Co atoms then aggregate into Co nanoparticles (~5 nm in diameter) to minimize surface energy. The formation of cobalt nanoparticles acts as a catalyst, promoting the graphitization of carbon. As the heat treatment progresses, cobalt nanoparticles further agglomerate into larger particles (~20–30 nm), ultimately leading to the development of graphite-like carbon with a hierarchical porous structure.
In this study, a laser was employed to pattern the TFC electrode due to its multiple advantages: (1) maximizing electrode transparency, as parallel-plate capacitors require a stack of two TCFs; (2) enabling integrated manufacturing, which simplifies the fabrication process.
Figure 5a illustrates the fabrication process of the transparent device. The synthesized transparent carbon mesh was laser-cut into an interdigitated electrode pattern, followed by the polymerization of a gel electrolyte directly onto the electrode surface under UV light exposure. The resulting electrode has an effective area of approximately 2 cm² (
Figure 5b).
Figure 5c displays the dimensions of the interdigitated electrodes, with a length of 1 cm, a width of 1.2 mm, and an interelectrode spacing of ~150 μm. The fabricated capacitor exhibited high transparency, allowing clear visibility of text behind the device (
Figure 5d). To quantitatively assess the optical transparency of the synthesized materials and fabricated devices, UV-Vis spectroscopy was conducted. As shown in
Figure 5e, the pristine silk mesh exhibits a transmittance of 60% in the visible light range (350–800 nm, black line), slightly lower than that of the synthesized transparent carbon mesh electrode material (red line). After fabrication into a transparent capacitor, the transmittance further increases to ~65%, confirming the excellent optical properties of the device (blue line).
Figure 5.
a) Schematic diagram of the preparation process of the transparent device; b) Optical photograph and c) SEM image of interdigitated electrode; d) Optical photograph e of transparent device; e) Visible light transmission spectrum of as-prepared samples.
Figure 5.
a) Schematic diagram of the preparation process of the transparent device; b) Optical photograph and c) SEM image of interdigitated electrode; d) Optical photograph e of transparent device; e) Visible light transmission spectrum of as-prepared samples.
Figure 6.
a) and b) the CV curve of the transparent supercapacitor at sweep speed of 0.01 V/s, 0.02V/s, 0.05V/s and 0.1V/s; c) CP curves of the transparent supercapacitor with current density of 0.05 mA/cm2, 0.1 mA/cm2, 0.15 mA/cm2 and 0.2 mA/cm2respectively; d) CP curves of the transparent supercapacitor at current density of 0.1 mA/cm2; e) long-cycle CV curves of transparent supercapacitor and f) capacity retention rate.
Figure 6.
a) and b) the CV curve of the transparent supercapacitor at sweep speed of 0.01 V/s, 0.02V/s, 0.05V/s and 0.1V/s; c) CP curves of the transparent supercapacitor with current density of 0.05 mA/cm2, 0.1 mA/cm2, 0.15 mA/cm2 and 0.2 mA/cm2respectively; d) CP curves of the transparent supercapacitor at current density of 0.1 mA/cm2; e) long-cycle CV curves of transparent supercapacitor and f) capacity retention rate.
To evaluate the electrochemical performance of the prepared transparent device, we conducted cyclic voltammetry (CV) and constant current charge-discharge (GCD) tests.
Figure 4a displays the CV curves under different scan rates (0.01-0.1V/s) within the 0-1V voltage range. At scan rates of 0.01 V/s and 0.02 V/s, the CV curves show an almost rectangular shape with high symmetry, with capacitances of 9.65 mF/cm² and 7.57 mF/cm², respectively. This demonstrates that the prepared transparent electrodes possess very good performance. At scan rates of 0.05 V/s and 0.1 V/s, the CV curves exhibit a symmetric fusiform shape, with capacitances of 4.2 mF/cm² and 7.5 mF/cm², respectively, also showing good capacitance performance.
Figure 4b displays the CV curves of the transparent electrode without porous carbon loading. It can be observed that the curves show a thin narrow strip at different scan rates, indicating poor capacitance performance. 图c是制备的透明器件的CP曲线. 如图所示, 负载多孔碳的电极材料CP曲线表现出较好的对称性和较小的电压降. 即使在0.2 mA/cm2的电流密度下仍可以实现快速充放电. 作为对比, 没有负载多孔碳的电极材料在0.1 mA/cm2的电流密度下表现出较大的电压降和较小的电容(
Figure 4d).
Figure 4e show the CV curves and capacitance variation curves of TFSC at a scan rate of 0.5 V/s. After 2000 charge-discharge cycles, the TFSC can still retain 89% of its initial capacitance, proving the material’s stability over long lifespan. 没有负载多孔碳的电极材料虽然也表现出较好循环性能, 但是容量较低(
Figure 4f).
Figure 7.
Adsorption configurations of Li and Cl atoms on various nitrogen -doped graphene surfaces.
Figure 7.
Adsorption configurations of Li and Cl atoms on various nitrogen -doped graphene surfaces.
Using nitrogen-doped graphene as a model, the adsorption characteristics of Li and Cl atoms on the surface of carbon materials were investigated. Nitrogen doping in graphene primarily occurs in three forms: pyridinic N (N-6), pyrrolic N (N-5), and graphitic N (NQ). The adsorption energies of Li atoms on pyridinic N and pyrrolic N were found to be -5.536 eV and -5.442 eV, respectively. In contrast, the adsorption energies of Li atoms in undoped graphene and on graphitic nitrogen are relatively lower. This suggests that nitrogen doping at defect sites significantly enhances the adsorption strength of Li atoms. Conversely, the adsorption energy of Cl atoms on all three types of nitrogen is substantially reduced, indicating that the adsorption strength of Cl atoms is primarily influenced by the nitrogen element. The adsorption energy calculations for Li and Cl atoms show that porphyrin nitrogen is particularly favorable for atomic adsorption. If the content of porphyrin nitrogen can be increased during the material preparation process, it could further enhance the electrochemical performance of the electrode material [
29,
30].