Real-world UI · GODRICH

Lists & tables2026-09-129 items

9 File Tree CSS Views — Folders That Really Open

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

Read

Pickers2026-09-12

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

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

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

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

Lists & tables2026-09-119 items

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-119 items

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

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

Inputs2026-09-119 items

Register form design lives or dies in the fields, not the submit button. These nine inputs cover everything a signup scr

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