mljr-ui · showcase

Snake Timeline

Serpentine timeline where items flow left→right in odd rows and right→left in even rows. Curved connectors bridge the row ends. Great for long event histories without excessive vertical scroll.

data snake-timeline

Usage

data.SnakeTimeline(data.SnakeTimelineProps{Cols: 2},
    data.SnakeTimelineItem{Period: "2025–Now", Title: "Software Engineer", Org: "Dynatrace", Tone: token.ToneCyan},
    data.SnakeTimelineItem{Period: "2024–2025", Title: "MSc Student", Org: "JKU", Tone: token.ToneViolet},
    data.SnakeTimelineItem{Period: "2023–2024", Title: "Tutor", Org: "JKU", Tone: token.ToneLime},
    data.SnakeTimelineItem{Period: "2022–2023", Title: "Intern", Org: "Company", Tone: token.ToneYellow},
)