Cursor Preview List
The list is the content. One bounded preview follows pointer intent and becomes inline on touch.
Quiet room
Collections · content browsing
Let the collection explain itself.
Lists, previews and detail states that keep content visible while the interaction changes the relationship between items.
01 · Preview & reveal
Let intent choose what comes forward.
Hover Image Reveal
An editorial row stays textual while one fixed media viewport changes with focus.
- Quiet room
Scrub Preview
A content frame sequence responds to bounded position, with visible markers for touch and keyboard users.
Opening
Opening1 / 4
Directional Card Reveal
The secondary card surface enters from the edge where the pointer arrived; focus and touch use a stable fallback.
02 · Inline detail
Give the selected item room without losing the source.
Expandable Content Row
A content row expands in document flow with media, metadata and a supporting action surface.
- Media
Expanded context
The row stays in the reading flow.
The row makes room in normal document flow instead of sending the reader to a detached surface.
Chapter 1 · supporting metadata remains readable.
- Media
Expanded context
The row stays in the reading flow.
The row makes room in normal document flow instead of sending the reader to a detached surface.
Chapter 2 · supporting metadata remains readable.
List Detail Morph
The chosen item becomes detail while its title and media keep the same spatial identity.
Select a source · Escape returns to it
Peek Panel Collection
The source collection remains visible beside its attached contextual detail panel.
Accordion Gallery
A title row opens a masked media region and caption layer as one editorial object.
- Quiet room
Quiet room
Project chapter
Expanded context
Media and caption remain one object.
The row makes room in normal document flow instead of sending the reader to a detached surface.
Chapter 1 · supporting metadata remains readable.
- Field notes
Field notes
Project chapter
Expanded context
Media and caption remain one object.
The row makes room in normal document flow instead of sending the reader to a detached surface.
Chapter 2 · supporting metadata remains readable.
03 · Focus & index
Redistribute attention, not just pixels.
Magazine Index
Numbered content rows and one shared preview create an editorial browsing rhythm without becoming navigation.
Progressive Collection
The active item gets a real grid track and more context while inactive peers stay legible.
Focus Strip Collection
Flex basis, not scale, makes the selected content wider while the strip remains one collection.
Shared Preview Collection
Compact entries control one larger preview, keeping expensive media on demand.
Browse all · 12 collection systems
The full set of collection systems, easy to reach.
Live studies stay above. This compact catalogue keeps the full family visible, with canonical patterns first and quieter variations kept in context.
name / relationship / detail
collections
12 entries
- Open detailAccordion GalleryCanonical
Rows expand into a masked media gallery and caption layer while retaining the title row as the object identity.
- Open detailCursor Preview ListCanonical
A text-first collection reveals one contextual preview near the active item while the list remains the primary surface.
- Open detailDirectional Card RevealCanonical
A card's secondary surface enters from the side where the pointer arrived, making spatial intent part of the reveal.
- Open detailExpandable Content RowCanonical
An editorial row expands in document flow to expose media, metadata and secondary content without a modal detour.
- Open detailFocus Strip CollectionCanonical
A horizontal or vertical strip redistributes space so one selected content item becomes the readable focus.
- Open detailHover Image RevealCanonical
A minimal editorial list keeps text primary while one fixed media viewport reveals the active item.
- Open detailList Detail MorphCanonical
A selected collection item becomes a larger detail surface while preserving its visual identity and return path.
- Open detailMagazine IndexCanonical
A numbered editorial content index pairs typographic rows with a shared preview without becoming page navigation.
- Open detailPeek Panel CollectionCanonical
A collection keeps its items visible while an attached neighbouring panel reveals context for the active item.
- Open detailProgressive CollectionCanonical
One active item receives real layout space and context while the rest remain compact and scannable.
- Open detailScrub PreviewCanonical
A bounded content surface scrubs through supplied preview frames with pointer, keyboard and touch alternatives.
- Open detailShared Preview CollectionCanonical
Many compact collection entries control one larger shared preview that changes without duplicating heavy media surfaces.