Introduction

The fast development of nanophotonics urges breakthrough concepts and design principles to create functional devices for diverse optical applications. In particular, the advent of metasurfaces has revolutionized nanophotonics, enabling a variety of opportunities. Metasurfaces, which comprise subwavelength optical antennas in ultrathin layers, identify a class of flat optical devices with exceptional control over the propagation of light1. Over the past years, many functional metasurfaces have been demonstrated, ranging from beam deflectors2,3,4, wave plates5,6, flat lenses7,8,9, displays10,11, holograms12,13,14 to surface wave couplers15,16, and among others.

Despite the exciting progress, a specific research focus - dynamic optical metasurfaces17, which probably also provide the most important link to the real-world optical applications, still awaits endeavors. They allow for active manipulation of light beams and enable fascinating optical functions, including dynamic beam steering, focusing and shaping, as well as optical vortex generations, imaging, and sensing. Many schemes have been explored to dynamically control the metasurfaces, for instance, by mechanical18,19, chemical11,12, electrical20,21,22,23,24,25, thermal26,27, and magnetic28 external stimuli. However, the reported schemes have been mostly limited to simultaneous tuning of the resonance frequencies or amplitudes of all the metasurface antennas. They also suffer from poor device control with low-intensity modulation and narrow operating band. Thus, there is still plenty of room to advance this research focus, especially at visible frequencies.

In this work, we demonstrate a strategy to realize dynamic optical metasurfaces by tailoring their spatial frequencies via modulation of both the geometric and propagation phases at visible frequencies. In particular, we showcase electrically-controlled digital metasurface devices (DMSDs) for light projection displays. Figure 1 illustrates the general concept. The DMSD consists of metasurface pixels in an M × N array. Each metasurface pixel contains gold nanorods arranged in a rectangular lattice. In some preselected (odd or even) columns, the nanorods are covered with a dielectric material. The sample is subsequently encapsulated in a thin liquid crystal (LC) cell. The dynamic function of the metasurface pixels is enabled by electrically controlling the relative phase between the neighboring odd and even columns via LCs on the millisecond time scale. In principle, each metasurface pixel can be designed to generate a specific dynamic holographic pattern in the far field. Particularly for light projection display applications, each metasurface pixel that can be electrically switched between “1” and “0” states is individually addressed by an electrode, forming an anomalous reflection spot that can be turned on and off with high contrast in the projection screen. As a result, programmable images are dynamically generated and displayed as illustrated in Fig. 1.

Fig. 1: Digital metasurface device (DMSD) for light projection displays.
figure 1

The DMSD comprises metasurface pixels in an M × N array. Each metasurface pixel contains gold nanorods arranged in a rectangular lattice. The preselected columns are covered with a dielectric material. The sample is encapsulated in a thin liquid crystal (LC) cell. The intensity of the anomalous reflection from each metasurface pixel is controlled by an addressable electrode and can be independently switched on and off. Programmable images (M × N resolution) are dynamically displayed in the far field.

Results

Mechanism of the dynamic spatial frequency modulation

To illustrate the working principle, we first describe a specific optical device, comprising i × j elements, with a discrete phase distribution profile to generate anomalous reflection in the y direction as follows:

$$\begin{array}{c}{\upvarphi}_{ij} = \left\{ {\begin{array}{*{20}{c}} {{\upvarphi}_j,} & {i = 1,3, \cdots ,2n - 1} \\ {{\upvarphi}_j + \Delta \varphi ,} & \hskip -14pt{i = 2,4, \cdots ,2n}, \end{array}} \right.\\ {\upvarphi}_j = \frac{\pi }{2}(j - 1),\hskip 4pt j = 1,2, \cdots n,\end{array}$$
(1)

where φij represents the phase delay from the element positioned at (i, j) and n is an integer. Thus, every element pair, formed by the two elements located in the neighboring odd and even columns differ by a phase factor of Δφ. A linear geometric phase gradient is also introduced along each column by spatially varying the orientation angle of the antennas. The detailed information can be found in Supplementary Fig. 1a. We take the spacing between the neighboring rows and columns both as 300 nm and the operating wavelength is 633 nm. After the discrete Fourier transform for such a phase profile, two frequency components can be obtained as shown in Fig. 2a. The red dot with the low-frequency component (vx, vy)−1 = (0, 0.528) is located in the gray zone of the spatial frequency spectrum. It represents anomalous reflection of light with an angle of \(\theta _y = \sin ^{ - 1}\lambda v_y\) based on the generalized Snell’s law. Meanwhile, the blue dot, with the high frequency component (vx, vy)−1 = (1.055, 0.528), corresponds to the excitation of evanescent waves (see Fig. 2a).

Fig. 2: Mechanism of dynamic spatial frequency modulation.
figure 2

a Two-dimensional spatial frequency spectrum calculated from the discrete phase distribution profile defined in Eq. (1). The spacing between the optical elements in the neighboring rows and columns are both taken as 300 nm and the operating wavelength is 633 nm. The circle of \(v_x^2 + v_y^2 = \lambda ^{ - 2}\) separates the zones of output propagating (gray) and evanescent (white) waves. Red and blue dots correspond to the low and high frequency components, respectively. b Calculated intensities of the low and high spatial frequency components in dependence on Δφ. The zones of the propagating and evanescent waves are indicated in gray and white, respectively. c Experimental and simulated results of the anomalous reflection intensity modulated by Δφ. Δθ defines the angle difference between the gold nanrods located in the neighboring odd and even columns, respectively. Each gold nanorod has a dimension of 200 nm × 80 nm × 30 nm. They reside on a gold mirror spaced by a SiO2 layer (100 nm). d Schematic of the reflective metasurface, in which the gold nanorods are embedded in a spacer with a refractive index of 1.5 and thickness of 50 nm. The alternating columns are further covered by two dielectric materials with refractive indices of na and nb, respectively. Δφ contains contributions from both geometric (Δφg) and propagation phases (Δφp), i.e., Δφ = Δφg + Δφp. e Simulated intensity of the anomalously reflected light in dependence on na and nb tuning.

The phase factor Δφ can be utilized to readily achieve the transformation between the output propagating and evanescent waves. Figure 2b presents the calculated intensities of the low and high spatial frequency components in dependence on Δφ. With increase of Δφ, the anomalous reflection first diminishes in intensity and is gradually transformed into an evanescent wave. When Δφ reaches π, it is completely turned off due to the destructive interference between the contributions from neighboring columns. With further increase of Δφ, the reverse transformation takes place. The anomalous reflection therefore emerges again and is completely turned on, when Δφ = 2π.

It is noteworthy that the phase factor Δφ is a generalized parameter applied in the design of optical metasurfaces. It may contain contributions from the geometric phase (Δφg) of an optical antenna determined by its orientation, and/or the propagation phase (Δφp) introduced by a dielectric material of a certain thickness covering the optical antenna (see Supplementary Fig. 2). If only the Pancharatnam–Berry (PB) phase Δφg is adopted, then Δφ = Δφg = 2Δθ. Here Δθ defines the angle difference between the gold nanorods located in the neighboring odd and even columns (see the inset of Fig. 2c and Supplementary Fig. 1b). As shown by the experimental and simulated results in Fig. 2c, the intensity of the anomalously reflected light from the metasurface can be modulated by simply tuning Δφ. In particular, when Δφ = 2Δθ = π, the anomalous reflection completely vanishes.

If both Δφg and Δφp are applied (i.e., Δφ = Δφg + Δφp), extra degrees of tunability to the metasurface can be achieved. As shown in Fig. 2d, the gold nanorods on a SiO2 (100 nm)/gold mirror substrate are first embedded in a uniform spacer (green) with a refractive index of 1.5 and thickness of 50 nm. The alternating columns on the metasurface are then covered by two dielectric materials with refractive indices of na (blue) and nb (pink), respectively (see Fig. 2d). When \(\Delta \theta = \frac{\pi }{2}\), Δφg is fixed at π. By tuning na and nb, Δφp is altered accordingly. As a result, the intensity of the anomalously reflected light generated by the metasurface can be continuously modulated as demonstrated in Fig. 2e. Especially, it completely vanishes, when na = nb (see Supplementary Fig. 3).

Working principle and performance of the DMSD

Our concept can be employed to build dynamic metasurfaces for a broad range of optical functions. In particular, we demonstrate a DMSD for light projection displays. Figure 3a shows the schematic of the DMSD. An array of gold nanorods spaced by a dielectric polymer (PC403, 100 nm) resides on a gold electrode. The gold nanorods are then embedded in another layer of PC403 (50 nm) in order to eliminate the influence on the LC alignment (also see Supplementary Fig. 4). The alternating columns are covered by high-birefringence LCs (na) and PMMA (nb) trenches of thickness t, respectively. Therefore, nb is fixed in this case. Δφp can be finely tuned, when na is dynamically changed upon electric control of the LCs. To reduce ion migration, the LC cell is driven by a 1 kHz AC sine wave. The incident light (633 nm) is linearly polarized along the PMMA trenches (see Supplementary Fig. 5). There are four addressable metasurface pixels (M1–M4) fabricated on the device, which are controlled via four independent electrodes as shown by the scanning electron microscopy (SEM) image in Fig. 3b. A polyimide alignment layer is rubbed along the direction of the PMMA trenches. The LC cell is encapsulated by an indium tin oxide (ITO)-coated quartz superstrate as a shared electrode.

Fig. 3: Working principle and performance of the 4-bit DMSD.
figure 3

a Schematic of the electrically-controlled DMSD. An array of gold nanorods spaced by PC403 resides on a gold electrode. All nanorods are embedded in another PC403 layer of 50 nm. The alternating columns are then either covered by high-birefringence LCs (na) or by a PMMA (nb) trench of thickness t. Δφp is finely tuned, when na is dynamically changed upon electric control of the LCs and nb is fixed. no and ne are the ordinary and extraordinary refractive indices of the LCs, respectively. The incident light (633 nm) is linearly polarized along the PMMA trenches. b SEM image of the DMSD. Four addressable metasurface pixels (M1–M4) are controlled via four independent gold electrodes. Inset: enlarged SEM image of the gold nanorods in two neighboring columns covered by na and nb, respectively. c Programmable optical information (“1111”, “0111”, etc.) is dynamically generated by the 4-bit DMSD. d Intensity of the anomalously reflected light as a function of the applied voltage V. An intensity modulation ratio as large as 105:1 is achieved. e Cycling performance of the DMSD, demonstrating excellent reversibility.

When the cell is switched off, the long-axis of the LC molecules are aligned along the PMMA trenches. This corresponds to the case of na = ne = 1.92 and nb = nPMMA = 1.5. By choosing an appropriate PMMA thickness, which is t = 240 nm in this case, one gets Δφ = Δφg + Δφp = 2π. This gives rise to the “1” state of the metasurface pixel and a bright anomalous reflection spot is generated in the far field. When the cell is switched on and the applied voltage (V) increases, the orientation of the LCs changes in response to the external electric field (see Fig. 3a). na decreases gradually to no = 1.53, which is approximately equal to nb = nPMMA = 1.5. As a result, Δφ = Δφg + Δφp = π. This leads to the “0” state of the metasurface pixel and thus the anomalous reflection spot disappears in the far field. With four independent metasurfaces, each representing an addressable pixel, a 4-bit DMSD is achieved. Programmable optical information (“1111”, “0111”, etc.) displayed as dynamic images on the project screen are generated by electrical control as shown in Fig. 3c (see also Supplementary Movie 1).

Figure 3d presents the intensity of the anomalously reflected light as a function of the applied voltage. It is evident that the light intensity continuously decreases, when the applied voltage increases. This results from the gradually changing na of the LCs through electric control, while nb of PMMA is fixed. The experimental observation agrees nicely with the theoretical prediction presented in Fig. 2e. Notably, an intensity modulation as high as 105:1 is experimentally achieved. The switching time is 40 and 65 milliseconds for the “0” and “1” states, respectively (see Supplementary Fig. 6). Also, there is no evident signal degradation up to 100 cycles, demonstrating excellent reversibility (see Fig. 3e). It is also worth mentioning that only the LC molecules residing in the PMMA trenches with a height of t (~λ/3) contribute to the modulation of Δφp. Therefore, the DMSD thickness can be in principle subwavelength. This is in direct contrast to the working principle of liquid crystal displays that require much thicker LC layers. Importantly, the switching rate of the DMSD can be further enhanced by optimizing the structural parameters and reducing the LC thickness.

Numeric indicator display

To further expand the capability of our DMSDs, we demonstrate a numeric indicator display, composed of seven electrically-controlled holographic segments. Figure 4a shows the photograph of the device. There are seven addressable metasurface pixels (M1–M7) on the device as presented by the SEM image in Fig. 4b. An enlarged view of one of the metasurface pixels is shown in Supplementary Fig. 7a. Each metasurface pixel is utilized to generate and switch on/off a holographic pattern, which corresponds to a segment of the numeric indicator as illustrated by the inset image in Fig. 4b. The off-axis angle information for the individual holographic patterns is indicated in Supplementary Fig. 7b. The optical setup for characterizing the device is presented in Fig. 4c. The reconstructed holographic images are projected onto a screen and captured by a visible camera. Figure 4d shows the experimental results, in which numbers from 0 to 9 (0 is not shown), corresponding to 7-bit optical information are dynamically displayed using one single device (see also Supplementary Movie 2).

Fig. 4: Numeric indicator display generated by the electrically-controlled DMSD.
figure 4

a Photograph of the DMSD next to a 1 cent euro coin. b SEM image of the DMSD with seven metasurface pixels, independently controlled by addressable electrodes. Inset: relation between each metasurface pixel and the corresponding holographic pattern for the numeric indicator display. c Schematic of the optical setup. d Experimental results. Different numbers corresponding to 7-bit optical information are dynamically generated by the DMSD.

Electrically-controlled dynamic holography

Due to the fact that the DMSDs can not only modulate the light intensity but also the light wavefront generated from each metasurface pixel, arbitrary holographic images can be dynamically reconstructed. A representative example is shown in Fig. 5. The metasurface is multiplexed by two sets of gold nanorods located in subunit cells I and II, respectively, to generate two independent phase profiles based on Gerchberg–Saxton algorithm (see Fig. 5a). This gives rise to two off-axis holographic images of a traffic light man, representing “stop” and “walk” signs, respectively. In both I and II, the two neighboring nanorods embedded in PC403 are placed orthogonal to each other. One of the nanorods in I or II is further covered by PMMA (nPMMA = 1.5) or hafnium dioxide (nHfO2 = 1.94, see also Supplementary Fig. 8). The SEM image of the metasurface is presented in Fig. 5b. When the applied voltage increases from 0 to 30 V, the refractive index (na) of the covered LCs is varied from ne = 1.92 to no = 1.53. At V = 0 V, subunit cell I is on (ne ≠ nPMMA), whereas II is off (ne ≈ nHfO2). The “stop” sign appears as shown in Fig. 5c (see also Supplementary Movie 3). In contrast, At V = 30 V, subunit cell I is off (no ≈ nPMMA), whereas II is on (no ≠ nHfO2). As a result, the “walk” sign shows up. At an intermediate voltage, for instance V = 5 V, both signs are visible in the far field.

Fig. 5: Electrically-controlled dynamic holograms.
figure 5

a Schematic of the electrically-controlled metasurface device for switchable holograms between “stop” and “walk” signs. b SEM image of the metasurface with selective PMMA and HfO2 coating. c Experimental results. Captured holographic images in the far field at different applied voltages.

Discussion

In conclusion, we have demonstrated electrically-controlled DMSDs by dynamically tailoring the spatial frequencies of the metasurfaces. Such optical devices comprise independently tunable metasurface pixels, which can be readily extended to a large number with each occupying a much smaller area. The DMSDs for light projection display applications exhibit remarkable performance with high-intensity contrast, fast switching rate on the millisecond time scale, and excellent reversibility. Importantly, our concept is universal. It works not only with LCs but also with a variety of active materials that exhibit refractive index changes upon electrical, light, thermal, or other external stimuli. Such active media include spiropyran molecules in response to light, synthesized polymers in response to pH changes, vanadium dioxide, and germanium antimony telluride in response to temperature tuning, etc. Our work will largely enrich the functionality breadth of current metasurface devices at visible frequencies, advancing the field dynamically forward.

Methods

Structure fabrication

The samples were fabricated using multi-step electron-beam lithography (EBL). First, a structural layer composed of the electrode patterns and alignment markers were defined in a double layer PMMA resist using EBL on a quartz substrate. A 5 nm chromium adhesion layer and a 100 nm gold film were deposited on the substrate using thermal evaporator followed by a lift-off procedure. Next, a 100 nm PC403 (JCR, Japan) layer was coated on the substrate. A prebaking process was first carried out to remove the solvent from the polymer by increasing the baking temperature from 90 °C to 130 °C. A longer baking process at 180 °C for 30 min was then applied. Subsequently, the substrate was coated with a double PMMA layer. Computer-controlled alignment using the gold markers was carried out to define a second structural layer composed of the nanorods. A 2 nm Cr and 30 nm Au were deposited on the substrate using thermal evaporator followed by a lift-off procedure. Next, a 50 nm PC403 layer was coated on the substrate. Finally, PMMA grating nanostructures were fabricated using EBL. The sample with HfO2 coating was achieved using EBL and e-beam evaporation followed by a lift-off procedure.

LC cell construction

A rubbed-polyimide ITO-coated glass slide was adhered to the metasurface sample using ultraviolet-cured glue (NOA 81) containing 5-μm glass spacer beads. After the glue was cured using ultraviolet light, the cell was heated to 120 °C and infiltrated with LCs (LCM1107). Phase formation of the LCs took place after cooling to room temperature.

Numerical simulations

Simulated anomalous reflection intensities from the metasurfaces were carried out using commercial software COMSOL Multiphysics based on a finite element method. Periodic boundary conditions were utilized for the super unit cell shown in Fig. 2d along the x- and y-directions. A waveguide port boundary condition was used as the excitation source that was normally incident onto the structure. The incident circularly polarized light was defined with an electric field (Ex = 1, Ey = i, Ez = 0). Perfectly matched layers were placed at the top and bottom of the simulation domain to completely absorb the waves leaving the domain. The mesh size was fixed as 10 nm in the simulation domain. The substrate was included in the simulations. The refractive index of SiO2 was taken as 1.5. The dielectric constant of Au was taken from Palik29.