The history of UI
A visual gallery of how user interfaces have evolved
The history of UI launched on July 11, 2022 with 351 votes, #23 of 2,916 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 4 years on.
In plain words
The History of UI is a visual gallery documenting how user interfaces have changed over approximately 30 years. It serves designers, developers, and anyone interested in technology evolution by providing screenshot comparisons that show UI progression across different eras. The project stands out as a straightforward historical reference that traces the visual and functional changes in how people interact with digital products.
written from the facts on this page · September 2026
From the sources
I've put together a screenshot gallery of how the UI has changed in the past ~30 years.
Does a similar job
all alternatives →
Museum of Websites2018 · kapwing.com · ▲302Curated gallery of how internet companies changed over time
History of Icons2017 · futuramo.com · ▲195A visual brief on icon history through different UI and OS
Great Apps Timeline2016 · greatappstimeline.xyz · ▲590See how some of today's great apps evolved over time.
More work this month
the category →
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 26d ago · loficities.com
Smooth Recorder▲257Mac screen recordings that look edited when you hit stop
Work · 20d ago · smoothrecorder.com
Work · 14d ago · readrare.com
Source: Product Hunt launch ↗
Launched alongside, July 2022
the whole month →
Locofy.ai▲720Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…
Dev tools · 2022 · locofy.ai
- PO
Life & fun · 2022 · justine.lol
Open Source realtime backend in 1 file. Contribute to pocketbase/pocketbase development by creating an account on GitHub.
Dev tools · 2022 · github.com
ruttl▲552Visual & Design Feedback Tool that helps you review design, content and report bugs on websites, applications, PDFs and images.
Dev tools · 2022 · ruttl.com
Hello, HN - I wanted to share this puzzle game I made during my vacation. I'm rather fond of the pipes puzzle where your goal is to restore a scrambled network of connections by rotating tiles. It's usually played on a grid of squares and this all started when I decided to make a programmatic solver for that kind of puzzle. Then I realized that with some minor changes the solver could generate new puzzle instances. I thought about what kind of puzzle to make and someone suggested a hexagonal grid. Adapting the generator wasn't too hard but then I had to create a way to play this variant. So…
Life & fun · 2022 · hexapipes.vercel.app
We're building Parsnip to create a "tech tree" of cooking skills that allows anyone to level up on the building blocks of cooking knowledge while tracking their progress over time. It took us a few iterations to figure out the right product; here's the story of our latest pivot: [https://parsnip.substack.com/p/a-new-hope] The goal is to create a personalized way to learn any recipe on the Internet, then use this as a springboard to help home cooks of all levels solve the problem of repeated meal planning in a 10x better way:…
Work · 2022 · parsnip.ai