File browser & media library primitives
Reusable primitives for assembling file managers — folder trees, grid and list views, preview panes, upload zones, context menus, lightboxes, and version timelines. Visual references — no real storage wired.
File browser & media library primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
File browser & media library primitives: Reusable primitives for assembling file managers — folder trees, grid and list views, preview panes, upload zones, context menus, lightboxes, and version timelines. Visual references — no real storage wired.
File tree
Recursive folder tree with chevron rotation, indent guides, drag handles.
File card
Grid-view card with preview thumbnail, name, meta line, kebab trigger.
File row
List row with icon, name, size, modified, owner, and actions chevron.
File grid view
Auto-fill grid wrapper with multi-select via shift / cmd indicators.
File list view
Table list with sortable headers using aria-sort.
Folder breadcrumb
Path crumbs that collapse mid-path into a popover when narrow.
Preview pane
Right-side preview with type chip, size, dimensions, properties accordion.
Upload drop zone
Drag-drop with per-file progress, speed, ETA, segmenter, cancel.
Context menu
Right-click menu with keyboard hints and destructive variant.
Bulk action bar
Floating bottom bar with count chip, actions, clear — animated entrance.
Media lightbox
Design-asset focused lightbox with arrow nav, zoom, thumbnails, info pane.
File type icon
Twelve hand-drawn SVG icons covering image, video, audio, code, CAD, 3D.
Inline rename
Click to edit filename with validation, Esc cancel, Enter commit.
Version history
Vertical timeline of versions with author, delta, summary, restore.
Full explorer
Tree + grid/list toggle + preview + breadcrumb + bulk bar + upload zone.