Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 2 results have public source URLs. Source and classification review are recorded separately on each reference.

Find a design move. Shortlist the references. Export a brief with the notes and sources ready for your next project — no account needed.

Jump to results

Active filters:kind: product UI flow tag: “preview”

2 references · product UI flow tagged “preview”Clear search & filters

Excalidraw — export image dialog

Functional Product UI · product UI flow

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Preview beside export choices.
**What to borrow:** Show export settings and a preview in the same decision space.
When to use this principle
When it works
A small set of visual output options.
When to avoid it
Presenting an inaccurate preview as a guarantee of the final file.
Original principle diagram — a model-drafted explanation, not a reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

Steal · component patternmodel draft
Export is one modal: a checkerboard preview of the exact output on the left, three toggles on the right (background, dark mode, embed scene), then three destinations (PNG, SVG, clipboard) as equal buttons.
Steal · grid/layoutmodel draft
The canvas dims behind the dialog but stays visible, so the export plainly reads as a copy of what was drawn, not a new place to work.
Steal · motion/interactionmodel draft
Each toggle repaints the preview immediately (the checkerboard shows transparency once background is off), so no option needs explaining.

Fonts: Assistant · Original: Excalidraw

private-reference-only

View original ↗

Source & usage rights

Original: Excalidraw. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-10-10. Capture does not establish source verification.

Radix Themes — controls beside component specimens

Functional Product UI · product UI flow

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Keep settings beside representative examples.
**What to borrow:** Pair a compact settings panel with several specimens that expose the consequences of a design choice.
When to use this principle
When it works
Theme editors, configuration tools and component libraries with meaningful visual alternatives.
When to avoid it
Showing only a decorative swatch when a setting affects text, focus or control readability.
Original teaching diagram with illustrative content; not a screenshot or reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

Steal · grid/layoutmodel draft
The captured playground gives component specimens the broad left region and theme settings a narrow right panel. This separates the object being evaluated from the controls used to configure it.
Steal · component patternmodel draft
Radius choices are illustrated with corner shapes, while scale choices use percentages. Give each setting a representation that matches what changes rather than forcing every option into identical text labels.
Steal · colormodel draft
The selected accent and gray swatches have visible rings, and the appearance control also uses text labels. Show selected state with shape or borders as well as the chosen color.

Fonts: untitledSans, -apple-system · Original: Radix / WorkOS

private-reference-only

View original ↗

Source & usage rights

Original: Radix / WorkOS. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-10-10. Capture does not establish source verification.

Read the editorial record

Provenance & takedown

Publicly sourced references link to an original; private or concept examples are labelled separately. All referenced work belongs to its creators. What this vault adds — and what it is for — is the commentary: the steal-notes are the content, not the pixels. Notes are written by hand unless their card says otherwise; a model draft is always labelled. Study use only.

Made something shown here and want it removed? Email hello@trova.design with the entry title or a link to this page — it comes down promptly, no questions asked.

Try it in your agent · no key

One command puts these notes inside Claude Code. Without a key the agent sees 5 families and gets 5 calls a day — enough to judge the taste before you rent it. The key opens every family and lifts the meter.

claude mcp add --transport http trova https://trova.design/api/mcp