Real-world UI · GODRICH

gallery2026-09-119 items

9 Before After Slider UIs — Drag to Compare

A before after slider stacks two photos and splits them at a line you can move, so before and after show side by side. T

Read

Inputs2026-09-11

CSS input design means the small form fields — phone numbers, card numbers, quantities, tags — that fill checkout and si

Pickers2026-09-11

A segmented control is that pill-shaped tab switch on iOS settings screens, where picking one of a few options slides a

Swipe to delete is dragging a list row sideways so a delete button slides out from behind it — the app gesture you keep

Auth UI2026-09-11

Login form design is more than an email field and a button — it's card material, layout, step progress. One of these nin

gallery2026-09-119 items

CSS image gallery grid effects arrange photos into a grid or waterfall that reacts to hover and click, as pretty as the

Inputs2026-09-099 items

An otp input ui is the row of single-digit boxes a signup screen shows for a six-digit code, one character per box. Each