Macromolecules organize themselves into discrete membrane-less compartments. Mounting evidence has suggested that nucleosomes as well as DNA itself can undergo clustering or condensation to regulate genomic activity. Current in vitro condensation studies provide insight into the physical properties of condensates, such as surface tension and diffusion. However, methods that provide the resolution needed for complex kinetic studies of multicomponent condensation are desired. Here, we use a supported lipid bilayer platform in tandem with total internal reflection microscopy to observe the two-dimensional movement of DNA and nucleosomes at the single-molecule resolution. This dimensional reduction from three-dimensional studies allows us to observe the initial condensation events and dissolution of these early condensates in the presence of physiological condensing agents. Using polyamines, we observed that the initial condensation happens on a time scale of minutes while dissolution occurs within seconds upon charge inversion. Polyamine valency, DNA length, and GC content affect the threshold polyamine concentration for condensation. Protein-based nucleosome condensing agents, HP1α and Ki-67, have much lower threshold concentrations for condensation than charge-based condensing agents, with Ki-67 being the most effective, requiring as low as 100 pM for nucleosome condensation. In addition, we did not observe condensate dissolution even at the highest concentrations of HP1α and Ki-67 tested. We also introduce a two-color imaging scheme where nucleosomes of high density labeled in one color are used to demarcate condensate boundaries and identical nucleosomes of another color at low density can be tracked relative to the boundaries after Ki-67-mediated condensation. Our platform should enable the ultimate resolution of single molecules in condensation dynamics studies of chromatin components under defined physicochemical conditions.