GODRICH · GODRICH

interaction2026-09-129 items

9 Breadcrumb UI Patterns That Survive Deep Paths

Breadcrumb UI is the trail of links at the top of a page showing where you are, from Home to the item in view. Nine work

Read

A resizable split pane is a layout whose panes share one draggable boundary, so widening one side narrows the other. Eig

Pickers2026-09-12

Map UI design is the layer that turns "where should this go?" into one point a person can hand back to you, and these ni

embed2026-09-12

A custom video player css setup replaces the browser's default control bar with your own markup and styles. All nine con

Mobile touch gestures turn the distance and speed of a finger on glass into a change on screen. Nine of them are below,

Lists & tables2026-09-129 items

A file tree css view is the nested folder list in a sidebar: folders that open, files with icons, a highlight on the row

Design trends2026-09-129 items

Maximalist web design fills the screen instead of emptying it, stacking color fields, oversized type, and stickers until

Pickers2026-09-129 items

css calendar design often stops at restyling the date picker the browser gives you. These nine build the whole month gri

Lists & tables2026-09-129 items

Empty state UI design fills the space a list would occupy when there is no data to put in it. One of these nine is blank

Dashboard UI2026-09-129 items

Command palette UI design is the pattern behind every Cmd+K overlay: one floating field that searches commands, document