01 / ACTIVE SURFACE

Every touch
leaves evidence.

A Toggle developing visible wear through repeated use

Fadeworn UI is a digital patina experiment for React. Use the controls below: every click, drag, keystroke, and scroll leaves a visible trace.

GITHUB

SESSION ONLY · REFRESH RESTORES INITIAL WEAR

What is digital patina in UI?

LIVE WEAR MONITORSERIAL 17—A

78% AVG WEAR

CURRENT CONDITION

HEAVILY WORN

TOTAL ACTUATIONS: 0422
MOST USED: Knob
MEMORY MODE: READYING

PAINTBRASSRUBBERFIBER

02 / INTERACTIVE SPECIMENS

Controls that remember how they’re used.

Interact with each component to see how different materials wear over time.

01 / PAINTED STEEL

Button

Each press adds wear.

02 / BAKELITE

Toggle

OFF

Off

03 / BRASS / RUBBER

Slider

Value76%

04 / ANODIZED ALLOY

Input

Note

Typing and deleting both add wear.

05 / PRINTED ABS

Tabs

14.82

HZ / STABLE

07 / ARCHIVAL PAPER

Card

CASE FILE / 017

Interface Wear Study

A small experiment in interfaces that change with use.

Updated Sep 10, 2026

INTERACTIONOpen repeatedly to build edge wear.

08 / ENAMELED METAL

Checkbox / Radio

Track activityRecord which options you pick

SOFTHARD

09 / MACHINED RAIL

Scrollbar

01Surface initialized

02Pointer contact recorded

03Friction sample saved

04Edge loss detected

05Local polish applied

06Usage memory written

07Travel index updated

08Rail contact measured

09Position sample archived

10Wear profile completed

Scroll to wear the track.

10 / KNURLED ALUMINUM

Knob

062WEAR LEVEL

03 / WEAR INSPECTOR

Your interactions
leave a trace.

Each component tracks wear independently. Wear reflects interaction history, not a disabled or loading state.

COMPONENTACTUATIONSWEAR

01Button02862%02Toggle03170%03Slider03492%04Input04070%05Tabs040100%06Navigation04798%07Card04670%08Checkbox / Radio04970%09Scrollbar05288%10Knob05562%

04 / DESIGN NOTES

Wear is history.
Not state.

VISIBLE CAUSE & EFFECT

Every interaction leaves a visible mark where it happened.

MATERIAL MEMORY

Paint chips. Brass polishes. Paper yellows. Each material remembers use differently.

FUNCTION ENDURES

Even when heavily worn, every control remains readable and usable.

Every touchleaves evidence.