This article describes the self-assembly of π-conjugated building blocks composed of single amino acid and pyrene (Py) moieties. In aqueous conditions, the Py-capped amino acids undergo self-assembly through various non-covalent interactions such as hydrogen-bonding, π-π stacking as well as electrostatic interactions to form supramolecular nanostructures in acidic and basic conditions. Interestingly, we found that the blend of different Py-gelators with oppositely charged amino acids (Py-Glu and Py-Lys) displays unique nano-structural morphologies and gelation properties of the resulting hydrogels at physiological pH when compared with single Py conjugates, which was attributed to additional electrostatic interactions. Overall, this report illustrates the importance of two-component supramolecular co-assembled hydrogels and their structure-morphology relationship, improved mechanical properties, and biocompatibility and thus provides a new insight into the design of self-assembled nanomaterials.