Click · 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

Dashboard UI2026-09-119 items

Here, a dashboard sidebar design means just this one piece, not the whole admin page — plus eight more standalone dashbo

Feedback2026-09-109 items

A CSS card flip animation spins a card around its own center to reveal different content on the back, built with 3D tran

Transitions2026-09-109 items

A css tab switch animation slides an indicator or swaps a panel when a different tab is picked. Seven of these nine run

Transitions2026-09-109 items

A css sidebar animation is a panel pinned to a screen edge that slides, fades, snaps, or scales open on a trigger, and t

Transitions2026-09-109 items

A CSS toast notification is a small card that appears in a corner, holds briefly, and clears itself away so a result nev