A novel method for synthesizing cationic styryl dyes through a nucleic acid-templated reaction has been developed. This approach overcomes issues associated with traditional synthesis methods, such as harsh conditions, low throughput, and wasteful chemicals. The presence of a nucleic acid template accelerated the styryl dye formation from quaternized heteroaromatic and cationic aldehyde substrates. These styryl dyes show remarkable optical properties change when bound to nucleic acids, hence the success of the synthesis could be readily monitored in situ by UV-Vis and fluorescence spectroscopy and the optical properties data were also observable at the same time. This method provides the desired products from a broad range of coupling partners. By employing different substrates and templates, it is possible to identify new dyes that can bind to a specific type of nucleic acid such as a G-quadruplex. The templated dye synthesis is also successfully demonstrated in live HeLa cells. This approach is a powerful tool for the rapid synthesis and screening of dyes specific for diverse types of nucleic acids or cellular organelles, facilitating new biological discoveries.