The temporomandibular joint (TMJ) disc is mainly composed of collagen, with its arrangement responding to efficient stress distribution. However, microstructural and micromechanical transformations of the TMJ disc under resting, functional, and pathological conditions remain unclear. To address this, our study presents a high-resolution microstructural and mechanical atlas of the porcine TMJ disc. First, the naive microstructure and mechanical properties were investigated in porcine TMJ discs (resting and functional conditions). Subsequently, the perforation and tear models (pathological conditions) were compared. Following this, a rabbit model of anterior disc displacement (abnormal stress) was studied. Results show diverse microstructures and mechanical properties at the nanometer to micrometer scale. In the functional state, gradual unfolding of the crimping cycle in secondary and tertiary structures leads to D-cycle prolongation in the primary structure, causing tissue failure. Pathological conditions lead to stress concentration near the injury site due to collagen interfibrillar traffic patterns, resulting in earlier damage manifestation. Additionally, the abnormal stress model shows collagen damage initiating at the primary structure and extending to the superstructure over time. These findings highlight collagen’s various roles in different pathophysiological states. Our study offers valuable insights into TMJ disc function and dysfunction, aiding the development of diagnostic and therapeutic strategies for TMJ disorders, as well as providing guidance for the design of structural biomimetic materials.