Vanilla JS · GODRICH

Pickers2026-09-129 items

9 Map UI Design Patterns — Click-to-Drop Pickers

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

Read

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,

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

Pickers2026-09-12

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

Dashboard UI2026-09-129 items

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

Feedback2026-09-129 items

A cookie consent banner ui is the strip or card that tells visitors a site stores cookies and records their choice. Thes

Dashboard UI2026-09-119 items

An SVG progress ring fills a circle instead of a bar, and one <circle> with two attributes gets you there: stroke-dashar

Pickers2026-09-119 items

A hand-built select dropdown design replaces the gray box the browser draws for <select> with a button and a list of you

Buttons2026-09-119 items

These button hover effects css techniques are the reactions a button gives when a pointer arrives, sorted by what each s