Timeline Graphics for Web, Mobile, and Print Design

Featured Image credit to Daniela Alves

Timelines can be used in UI for a dozen different reasons. Infographics and historical projects will often use timelines to express important dates or events. Additionally timelines can refer to the interface element found recently in web and mobile applications. Examples can include Facebook’s newest design, or a Twitter iOS client like Tweetbot.

So I’ve put together some really lovely examples of timelines in action. Many of these are based around a specific graphical theme and you can pick up on some fun design techniques.

Mashable Typeface Timeline

Clean Timeline

iPod plus iTunes Timeline

Black Interface Timeline

Timeline Re-design

Established Timeline – Fold Out

Infographic Poster

Timeline Website UI

Experimenting with Timeline

Dark Timeline

Nintendo Handheld Timeline

Pregnancy Timeline v2

Timeline Navigation

Simple iPad Timeline

Map Visual


Thesis Timeline

Twitter Stream

Custom Infographic Map

Lens and Zoom

Impressionist UI – User Interface Pack

Jomego Timeline


Wood & Brushed Metal(PSD)

Video Editing Software UI

USLP Infographic

Timeline for iPad

Image Database

Timeline Snapshot

Events Calendar

Bar Charts

Data Visualization

Murmur Timeline

Bio Infographic

Four Life App

Counting Down…

Zelda Timeline

iOS Retina Timeline

Dashboard Stats

Brown Leather Timeline

About the Author: Kalen Smith

Kalen is a freelance writer and entrepreneur. He can be found on the web writing about topics including startups and UI design. Check out his other articles through Google or follow his updates on Twitter @engineerbiz.