PatternsApplication building blocks: data tables, filters, pickers, stat cards and empty, error and loading states.01CSSData TableTanStack Table with sortable headers, row selection, column menu, search, faceted filters and pagination.02CSSFilter BarLayout for search, filters and actions above a list, with a reset button once anything is active.03CSSSearch InputPill search field with a clear button; Escape clears it and ⌘K focuses it.04CSSMulti SelectFaceted filter: a dashed pill that opens a checkable list with counts and search for long lists.05CSSComboboxSearchable single select for long lists, with an optional second line per option.06CSSDate Range PickerQuick presets beside a two-month calendar; the range applies on confirm.07CSSChoice Card GroupA radio group drawn as cards with optional previews; arrow keys move the choice.08MotionStat CardKPI tile with a counting value, a trend chip coloured by meaning and a sparkline that draws itself in.09CSSProgress ListRanked rows with a percentage chip and a gradient bar that grows in, without JavaScript.10CSSActivity ListTimeline of who did what, with tinted initials and relative times.11CSSEntity CardOne card frame for every collection: cover or media, title, badges, actions, stats and footer.12CSSStatesEmpty, error and loading presentations, with skeletons shaped like lists, stats, charts and tables.