Multicomponent self-assembly in one pot provides an efficient way for constructing complex architectures using multiple types of building blocks with different levels of interactions orthogonally. The preparation of multiple types of building blocks typically includes tedious synthesis. Here, we developed a multicomponent synthesis/self-assembly strategy, which combined covalent interaction (C-N bond, formed through condensation of pyrylium salt with primary amine) and metal-ligand interaction (N -> Zn bond, formed through 2,2':6',2 ''-terpyridine-Zn coordination) in one pot. The high compatibility of this pair of interactions smoothly and efficiently converted three and four types of components into the desired complex structures, which are supramolecular Kandinsky Circles and spiderwebs, respectively.