SCSS · GODRICH

Buttons2026-09-119 items

9 button hover effects css that award sites reuse

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

Read

Feedback2026-09-11

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

embed2026-09-11

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

An accordion list is a UI where clicking a row grows its height in place to reveal detail content. Here are nine working

Auth UI2026-09-11

An id verification screen ui is a screen — a permission prompt, an OTP grid, a security question card — that proves a pe

Dashboard UI2026-09-119 items

Dashboard components are UI pieces — a header, a feed, a calendar — you drop in one at a time instead of wiring a whole

Pickers2026-09-119 items

A date range picker UI is a control that lets someone choose a span, not just one value. This post collects 9 fresh sele

gallery2026-09-119 items

A portfolio gallery html css layout arranges photos in a grid that zooms, filters, or morphs into a single view on hover

Loaders2026-09-119 items

A loading screen design is the first thing your site says while the user waits. A pastel ring or a circle filling with w

Transitions2026-09-119 items

A CSS screen transition animation smooths every moment the screen changes — an image swap, a confirmed order, a form ste