GODRICH · GODRICH

Feedback2026-09-129 items

Cookie Consent Banner UI — 9 Patterns to Paste In

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

Read

Feedback2026-09-11

Good onboarding ui design points to the next thing to click, on the screen the user already sees. The shapes are fixed —

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

Paper cutout design is a layout style where every surface looks like it was cut with scissors and glued down: each panel

Pickers2026-09-11

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

Feedback2026-09-119 items

This status badge design ui roundup turns a small detail — one dot, one label — into instant feedback: online or away, u

embed2026-09-119 items

Social share button design is a small standalone card for one job — share, reviews, contact. Copy-paste a few lines of C

interaction2026-09-119 items

Mouse effects css tricks are small interactions that react to pointer moves, clicks, drags, or scrolls. The cursor barel

Landing sections2026-09-119 items

Landing page sections like these are the trust-building pieces that usually end up scattered across templates. Nine go h