Asset library / 14 primitives + composition + media registry

Asset library & DAM primitives

Reusable primitives for digital asset management — asset cards, folder trees, tag managers, colour extractors, version timelines, approval flows, watermark editors, renditions, and generated-media registry entries. Visual references — no real storage wired.

Production answer

Asset library & DAM primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Asset library & DAM primitives states
Generative search brief

Asset library & DAM primitives: Reusable primitives for digital asset management — asset cards, folder trees, tag managers, colour extractors, version timelines, approval flows, watermark editors, renditions, and generated-media registry entries. Visual references — no real storage wired.

Visual reference only — DAM operations are not wired
Primitive 01

Asset card

Image / video / audio / doc / 3D card with kind badge, dimension chip, license chip.

SelectableOpen
Primitive 02

DAM folder tree

Media folder tree with per-folder asset counts and drag-target indicators.

Stateful · expandOpen
Primitive 03

Tag manager

Existing tag list, add input, colour picker, merge-duplicate suggestions.

Stateful · addOpen
Primitive 04

Colour extract picker

5-swatch palette extracted from an asset — hex, role chip, one-click copy.

Stateful · copyOpen
Primitive 05

License chip

CC0 / CC-BY / Proprietary / Royalty-free / Editorial chip with tooltip.

StatelessOpen
Primitive 06

Version timeline

Vertical history with thumbnail, uploader, timestamp, comment, restore.

StatelessOpen
Primitive 07

Bulk-select toolbar

Floating toolbar with selection count and tag / move / download actions.

Stateful · countOpen
Primitive 08

Asset-type filter

Image / Video / Audio / Doc / 3D / Animation / Vector filter row with counts.

Stateful · toggleOpen
Primitive 09

Smart collection row

Rule criteria chips with auto-updating count and edit CTA.

StatelessOpen
Primitive 10

DAM preview pane

Large preview with EXIF, linked collections, download / share / archive.

StatelessOpen
Primitive 11

Usage tracker

Where-used list of pages, emails, and workflows referencing the asset.

StatelessOpen
Primitive 12

Approval workflow

Draft → Review → Approved → Published stepper with reviewer avatars and thread.

StatelessOpen
Primitive 13

Watermark settings

Text, opacity, scale, 9-cell position grid with live preview.

Stateful · editOpen
Primitive 14

Renditions list

Original / Web / Thumbnail / Square / 4K renditions with download CTAs.

StatelessOpen
Composition

Full DAM

Folder tree + asset grid + preview + bulk toolbar + type filter, composed.

CompositionOpen
Media registry

Replicate generated media

Generated asset entries with prompt, model, cost, suitability, alt text, optimization, and reuse notes.

Generated assetsOpen