The understanding on how short peptide assemblies transit from disorder to order remains limited due to the lack of atomistic structures. Here we report cryo-EM structure of the nanofibers short intrinsically disordered peptides (IDPs). Upon lowering pH or adding calcium ions, the IDP transitions from individual nanoparticles to nanofibers containing an aromatic core and a disordered periphery comprised of 2 to 5 amino acids. Protonating the phosphate or adding more metal ions further assembles the nanofibers into filament bundles. The assemblies of the IDP analogs with controlled chemistry, such as phosphorylation site, hydrophobic interactions, and sequences indicate that metal ions interact with the flexible periphery of the nanoparticles of the IDPs to form fibrils and enhance the interfibrillar interactions to form filament bundles. Illustrating that an IDP self-assembles from disorder to order, this work offers atomistic molecular insights to understand assemblies of short peptides driven by noncovalent interactions.