Public vault

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 1 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

1 reference tagged “configurator”Clear search & filters

Stripe — Checkout preview with options

Functional Product UI · product UI flow

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Change a control. See the consequence.
**What to borrow:** Keep configuration beside its live preview.
When to use this principle
When it works
Options whose effect can be shown immediately.
When to avoid it
Complex changes that need validation before a preview is accurate.
Original principle diagram — a model-drafted explanation, not a reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

Steal · grid/layoutmodel draft
A narrow column of toggles grouped under headers (payment setup, customer details, advanced options) beside a browser-framed live checkout page.
Steal · motion/interactionmodel draft
Each toggle (promotion codes, tax, shipping address) changes the preview at once. The configurator teaches the product by showing every option's effect.
Steal · component patternmodel draft
The preview sits in a fake browser chrome with a desktop/mobile switch and a country picker below, so it reads as the page your customer will see.

Fonts: system-ui · Original: Stripe

private-reference-only

View original ↗

Source & usage rights

Original: Stripe. 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