✲ harv components
Components I actually use.
My personal archive. Installable with the shadcn CLI. 10 entries and counting, more as real projects need them.
10 of 10
- elementstable
Badge
Small label for layer, status, and tags. From my site's badge, reduced to monotone.
origin: harv (personal site)
- elementstable
Button
Pressable with modifiers (contained, outline, modern, link, flat, raised) and utilities (tones, rounds, sizes, icons). Taxonomy from Integrity UI (my own prior work, rewritten); tones from harv semantic tokens.
origin: harv (personal site)
- patternstable
Craft masonry
CSS-columns masonry with hover captions and motion-safe reveal, from /crafts.
origin: harv (personal site)
- patternstable
Lab index
Workbench feature cards plus archive grid plus a next-up placeholder, from /labs.
origin: harv (personal site)
- patternstable
Media bento
Static 3-column bento with featured spans, from /media. The dynamic grid-generator variant is a deferred future feature.
origin: harv (personal site)
- patternstable
Media strip
Horizontal row of opaque cards with a trailing More tile, from the homepage media section.
origin: harv (personal site)
- componentstable
Source panel
Code display with copy button. Same highlighter my site uses (sugar-high), monotone styling.
origin: harv-components
- patternstable
Specimen tabs
Single-page category tabs that hide/show sections without a route change. Idea studied from Integrity UI's components index; rewritten as an accessible tablist.
origin: harv-components
- componentstable
Theme toggle
Light/dark switch used in this site's header. Restrained: a single button, no menu.
origin: harv-components
- patternstable
Work grid
Folder-like category index from /work. Tiles lift on hover; icons are slots.
origin: harv (personal site)