Our sandbox for testing new UX patterns, animations, and identity systems before they hit the main platform.
34 experiments across 5 categories
Our formal architecture for complex flows. 21 visual states driven by a pure ViewModel and fixture contract.
Visual testing for every state of the SendTipForm component — recipient search, preset amounts, fee preview, and transaction stepper.
Batch tip cart with confirmation dialog, batch stepper progress, empty/active states, and insufficient funds handling.
Avatar picker, username validation, and display name editing. Two variants: inline (settings) and card (centered hero). 16 fixtures.
Visual testing for every state of the SendTipForm component — recipient search, preset amounts, fee preview, and transaction stepper.
Batch tip cart with confirmation dialog, batch stepper progress, empty/active states, and insufficient funds handling.
Progress bars for creator fundraising targets. Five component variations across profile, settings, dashboard, and inline contexts.
Goal creation and editing form with validation states, submission lifecycle, and character counting.
Four visual variants of the wallet summary bar: original, compact pill, minimal, and stacked card.
Cycling through connected, disconnected, and responsive states of the primary wallet interface.
Our formal architecture for complex flows. 21 visual states driven by a pure ViewModel and fixture contract.
x402 pay-to-unlock flow. Validates payment settlement to Sacred's platform wallet, entitlement persistence, and access gating across reloads.
Bridge funding panel — convert ETH/SOL/Solana USDC/USDT to Base USDC via pre-filled Jumper.xyz deep links. Three visual variants.
The buyer's journey through 5 states: idle, paying, downloading, complete, and error. Four visual variants from card to overlay.
Three layout approaches for creator profiles: Magazine (editorial), Dashboard (density), and Storefront (conversion). Same data, different priorities.
Top supporters ranked by total contributions. Four visual variants with podium, grid, compact, and list layouts.
10 visual implementations of the x402 membership CTA across all states: locked, unlocking, unlocked, error, and loading.
Transforming the inbound feed into a wall of love. From masonry shoutouts to a hall of fame ticker.
Community membership grid at different scales. Testing layout with 1, 3, 6, and 12 members across breakpoints.
Avatar picker, username validation, and display name editing. Two variants: inline (settings) and card (centered hero). 16 fixtures.
Six visual approaches for digital goods display: Showcase (hero+grid), Catalog (dense table), Storefront (full-bleed), Minimal (text list), Gallery (visual tiles), and Featured (spotlight+sidebar).
Four visual approaches to a single product card: Detail (tall premium), Wide (horizontal row), Badge (compact pill), and Thumbnail (square tile with hover overlay).
Every way a product image renders: 4 display modes × 3 rendering contexts × 6 file types. Covers ProductCoverImage, ProductThumbnail, FileTypeIcon, watermark overlay, and edge cases.
Eradicating drop-off for first-time tippers with one-tap funds and guest checkouts.
Identity link-conflict resolution dialog. 15 fixtures across can-proceed, orphan-empty, orphan-has-funds, progress, and error states.
Social platform linking section with 10 fixtures: empty, linked accounts, device code flow, and linking-in-progress states.
Email linking and OTP verification flow. 17 fixtures across display, editing, verification, success, and error states.
Unified platform connections — identity, tipping visibility, and notifications in one view. Three layout variants across 7 creator archetypes.
Delivery history for tip notifications. Three variants: dense table, card feed, and compact grouped. 7 fixture states from all-delivered to all-failed.
Four upload form variants: Stacked (current), Split (two-column), Compact (dense), and Wizard (step-by-step). Covers empty, file-selected, uploading, creating, and error states.
Four approaches to the settings product list: Rows (current), Table (dense), Cards (grid), and Compact (borderless). Handles editing, deleting, and empty states.
Follow our dev updates for more.