Est. 2014 — Interaction Design Archive

Introducing
Hand-Coded
Prototypes.

A curated museum of 100 interaction prototypes, hand-coded in CoffeeScript with Framer Classic. Built at Grab Design between 2014–2019. Every specimen runs live.

Browse archive100 specimens

LanguageCoffeeScript

FrameworkFramer Classic

Era2014–2019

Runtime14 Versions

Interview 1Other 17Past Work 7Portfolio 4Shipped 6Work 65

Address AutoComplete

Address AutoCompleteWork · 15 MB

ajmal-deals-home

ajmal-deals-homeOther · 2.2 MB

2026Other2.2 MB

Ajmal's Singapore

Ajmal's SingaporeWork · 5.3 MB

AppStoreDraggingExperiment

AppStoreDraggingExperimentWork · 3.9 MB

Bottom Sheet

Bottom SheetOther · 2.4 MB

2026Other2.4 MB

claim

claimOther · 3.2 MB

2026Other3.2 MB

claimable-A

claimable-AOther · 1.1 MB

2026Other1.1 MB

cleanmapbox 2

cleanmapbox 2Work · 4.1 MB

click-to-claim

click-to-claimOther · 2.9 MB

2026Other2.9 MB

Commute Planner (view from Desktop)

Commute Planner (view from Desktop)Other · 1.8 MB

2026Other1.8 MB

daysCheckboxes

daysCheckboxesOther · 1.1 MB

2026Other1.1 MB

daysPicker

daysPickerOther · 1012 KB

2026Other1012 KB

Experiment

ExperimentOther · 1.6 MB

2026Other1.6 MB

fa-picker-fare

fa-picker-fareWork · 4.3 MB

fa-picker-time

fa-picker-timeWork · 4.0 MB

Fare Alert (5)

Fare Alert (5)Other · 1.9 MB

2026Other1.9 MB

Fare Alert (onboarding) (1)

Fare Alert (onboarding) (1)Other · 1.9 MB

2026Other1.9 MB

Fare Alert MPR

Fare Alert MPRWork · 7.2 MB

Fare Watch (nightly)

Fare Watch (nightly)Portfolio · 8.2 MB

2022Portfolio8.2 MB

Fare Watch (UT)

Fare Watch (UT)Work · 6.5 MB

fomo

fomoWork · 4.5 MB

gamification

gamificationPast Work · 14 MB

2022Past Work14 MB

GE concepts

GE conceptsWork · 4.2 MB

GE Onboarding prototype

GE Onboarding prototypeWork · 4.9 MB

GWEN

GWENWork · 5.1 MB

Homer-A

Homer-AWork · 5.6 MB

Homer-A-FOMO

Homer-A-FOMOShipped · 9.4 MB

2024Shipped9.4 MB

Homer-A-Savings

Homer-A-SavingsShipped · 9.4 MB

2024Shipped9.4 MB

Homer-B-FOMO

Homer-B-FOMOShipped · 9.3 MB

2024Shipped9.3 MB

Homer-B-Savings

Homer-B-SavingsWork · 12 MB

Homer-C-FOMO

Homer-C-FOMOShipped · 9.4 MB

2024Shipped9.4 MB

Homer-C-Savings

Homer-C-SavingsWork · 11 MB

Hotjar Proof Of Concept

Hotjar Proof Of ConceptWork · 3.3 MB

investment

investmentWork · 4.3 MB

mobile

mobilePast Work · 12 MB

2022Past Work12 MB

mobile-home

mobile-homePast Work · 15 MB

2022Past Work15 MB

offers

offersWork · 7.5 MB

p0-android

p0-androidWork · 16 MB

p0-iphone5s

p0-iphone5sWork · 10 MB

p1-android

p1-androidWork · 14 MB

p1-iphone5s

p1-iphone5sWork · 10 MB

p1-JKT

p1-JKTWork · 12 MB

p1-pipiet

p1-pipietWork · 10 MB

picker

pickerWork · 4.1 MB

promo

promoWork · 109 MB

scheduled rides

scheduled ridesWork · 5.3 MB

screens

screensPast Work · 12 MB

2022Past Work12 MB

scroll - header

scroll - headerWork · 3.3 MB

scroll - header on direction

scroll - header on directionWork · 3.4 MB

Scrolling

ScrollingWork · 8.7 MB

Slide [Spot Offers UX]

Slide [Spot Offers UX]Work · 4.0 MB

spec

specPast Work · 47 MB

2022Past Work47 MB

spot offer concept testing

spot offer concept testingWork · 23 MB

spot offer usability testing

spot offer usability testingWork · 10 MB

spot-offer

spot-offerWork · 4.0 MB

spot-offer-QBR

spot-offer-QBRWork · 16 MB

sticky-headersWork · 3.4 MB

timePicker

timePickerWork · 4.2 MB

web

webPast Work · 49 MB

2022Past Work49 MB

ynab

ynabWork · 5.5 MB

Zoe – timePicker

Zoe – timePickerWork · 4.1 MB

100 objects|14 runtime versions|Framer Classic CoffeeScript