201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 201 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.
What are you building?
What are you building?
New in the vault: 12 practical patterns with source notes and original diagrams.
Original: Creator not recorded. 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-07-07. Capture does not establish source verification.
Original: Creator not recorded. 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-07-06. Capture does not establish source verification.
Original: Creator not recorded. 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-07-06. Capture does not establish source verification.
Original: Creator not recorded. 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-07-05. Capture does not establish source verification.
Original: Creator not recorded. 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-07-04. Capture does not establish source verification.
Original: Creator not recorded. 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-07-03. Capture does not establish source verification.
Original: Creator not recorded. 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-07-02. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · grid/layoutNotes by Will
Two-pane master-detail split (320px queue list on the left, fluid issue document on the right) separated by a 1px solid rgba(255,255,255,0.07) hairline with zero outer card margins.
Steal · component patternNotes by Will
Triage action bar pins four single-keystroke verbs (Accept [1], Duplicate [2], Snooze [H], Decline [⌫]) directly above the issue description so the cursor never travels to a corner.
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-06-28. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
640px centered command palette anchored 18vh from the top viewport edge so result rows expand downward without shifting the input field's vertical coordinates.
Steal · motion/interactionNotes by Will
Each result row right-aligns its two-key chord badge (e.g. G then I) in 11px tabular monospace; typing filters the list in <16ms with zero skeleton flash.
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-06-28. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
Selecting an action morphs the command palette in place: the parent issue ID collapses into a 12px breadcrumb chip above the input while the list swaps to cycle capacity bars.
Steal · grid/layoutNotes by Will
Each assignee row pairs a 20px avatar, full name, and active workload count in a single 36px-tall row — density tuned so 10 teammates fit without scrolling.
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-06-28. Capture does not establish source verification.
Functional Product UI · product UI flow · via Refero
Source: pending · Classification: pending
Steal · component patternNotes by Will
Inline answer card splits 50/50 horizontally between the raw expression ('140 USD in JPY') and the resolved value ('¥21,490'), with a one-key copy action pinned in the footer bar.
Steal · grid/layoutNotes by Will
Persistent 32px bottom status bar anchors the context menu ('Actions ⌘K') on the right and the active extension icon on the left, keeping the main list free of per-row button clutter.
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-06-27. Capture does not establish source verification.
Functional Product UI · product UI flow · via Refero
Source: pending · Classification: pending
Steal · component patternNotes by Will
Instead of opening a multi-field modal, query parameters render as inline pill slots inside the search input itself; pressing Tab jumps between {repo} and {query} tokens in a single line.
Steal · motion/interactionNotes by Will
Unfilled parameter pills pulse with a 1px rgba(255,99,99,0.45) border when Enter is pressed early, teaching required arguments without an error banner.
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-06-27. Capture does not establish source verification.
Functional Product UI · product UI flow · via Refero
Source: pending · Classification: pending
Steal · grid/layoutNotes by Will
35/65 split view: a compact 260px item list on the left drives a rich right-hand pane split vertically into a rendered Markdown preview (top 60%) and a key-value metadata table (bottom 40%).
Steal · typographyNotes by Will
Metadata keys sit flush-left in 12px muted sans (#8e8e93) while values sit flush-right in 12px tabular monospace or colored status pills.
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-06-27. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
Build phases (Running Build, Generating Static Pages, Finalizing) collapse into 40px accordion rows with right-aligned duration counters ('14.2s'), auto-expanding only the step that emitted a warning or error.
Steal · typographyNotes by Will
Log timestamps use 12px Geist Mono with font-variant-numeric: tabular-nums in a fixed 96px gutter so multi-line stack traces stay strictly left-aligned.
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-06-26. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
Floating 40px pill toolbar docks at bottom-center over any preview URL; clicking 'Comment' turns the cursor into a crosshair that binds a thread directly to the target DOM node's CSS selector.
Steal · copywritingNotes by Will
Every comment card auto-captures the viewport dimensions and browser engine ('1440×900 · Chrome 130') as a muted footer line so reviewers never have to ask 'what screen size are you on?'.
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-06-26. Capture does not establish source verification.
Functional Product UI · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
High-consequence confirmation modal replaces generic 'Are you sure?' text with a side-by-side comparison card of Current Production vs Target Rollback (commit SHA, age, author, and route count).
Steal · colorNotes by Will
The primary confirm button stays neutral white-on-black unless an alias conflict exists; red (#e00000) is reserved strictly for destructive data loss, keeping zero-downtime rollbacks calm.
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-06-26. Capture does not establish source verification.
Scrolling rotates each book spine 90 degrees from edge-on shelf view to front-cover presentation with critically damped spring physics (damping: 0.82), giving digital titles physical weight.
Steal · texture/materialNotes by Will
Foil-stamped spine titles and blind-debossed edition numerals react to scroll-driven directional light, recreating cloth bookbinding ergonomics on warm paper (#fdfbf7).
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-06-25. Capture does not establish source verification.
Three-zone reading grid: a 220px sticky chapter index on the left, a 62ch serif reading column in the center, and a 240px right margin where footnote callouts sit flush with their anchor sentence.
Steal · component patternNotes by Will
Highlighting any passage surfaces a minimal two-button black popover ('Copy quote with citation' / 'Link to paragraph') that formats the author, chapter, and canonical URL automatically.
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-06-25. Capture does not establish source verification.
Print-Tech Paper · type specimen · via Fonts In Use
Source: pending · Classification: pending
Steal · grid/layoutNotes by Will
Every section is enclosed in a 1.5px solid #141413 engineering title block with cell headers ('DOCUMENT ID: USGC-TR-01', 'SCALE: 1:1', 'TOLERANCE: ±0.005mm') that treat web layout like a MIL-SPEC blueprint.
Steal · component patternNotes by Will
Character glyph anatomy is illustrated with CAD dimension leader lines and degree callouts (e.g. '60° diagonal slash zero') rather than marketing adjectives.
Original: U.S. Graphics Company. 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-06-25. Capture does not establish source verification.
Glassmorphism / Frosted Acrylic · video / motion · via Godly
Source: pending · Classification: pending
Steal · texture/materialNotes by Will
Multi-layer acrylic glass (backdrop-filter: blur(40px) saturate(180%)) paired with a 1px directional border gradient that brightens at the top-left edge (rgba(255,255,255,0.38)) and fades to 0.06 at the bottom-right.
Steal · motion/interactionNotes by Will
Hovering an interactive control translates the plane +8px along the z-axis while casting a soft ambient contact shadow onto the recessed parent pane behind it.
Original: Apple Design. 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-06-24. Capture does not establish source verification.
Calendar events use 18% opacity tint fills over a backdrop-filter: blur(16px) card with a 3px saturated left accent bar, letting underlying hour gridlines show through without losing text contrast (11.2:1).
Steal · component patternNotes by Will
Dragging a to-do item from the frosted sidebar onto the timeline morphs its width in real time to match the 60-minute column grid before drop release.
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-06-24. Capture does not establish source verification.
Glassmorphism / Frosted Acrylic · landing page · via Dark Mode Design
Source: pending · Classification: pending
Steal · texture/materialNotes by Will
Floating inspector panes use background: rgba(24, 19, 46, 0.62) with a top-edge radial highlight so stacked panels remain visually distinct over a dark constellation canvas.
Steal · grid/layoutNotes by Will
The editor column locks to 640px centered while backlink drawers slide over the outer gutters as translucent sheets rather than reflowing the writing measure.
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-06-24. Capture does not establish source verification.
Glassmorphism / Frosted Acrylic · landing page · via Awwwards
Source: pending · Classification: pending
Steal · component patternNotes by Will
Glass bento cards combine a 1px inner border (inset 0 1px 0 rgba(255,255,255,0.22)) with a live status pill that refracts the underlying gradient mesh through a 24px blur.
Steal · typographyNotes by Will
Display headlines set at 64px with -0.03em tracking use a subtle vertical luminance fade (#ffffff to #94a3b8) so the typography shares the same light source as the glass frames.
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-06-24. Capture does not establish source verification.
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-06-23. Capture does not establish source verification.
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
