frontend-design

# Frontend Design — Stellar dApp UI Build visually distinctive Stellar dApp frontends that integrate wallet connection, contract interaction, and transaction flows — all while avoiding generic "AI slop" aesthetics. ## When to Use - Designing wallet connect / disconnect UI that stands out - Displaying on-chain data (balances, token info, contract state) beautifully - Building transaction confirmation flows with loading + success states - Creating a cohesive dApp dashboard with contract read/write widgets - Styling agentic kit components (`useStellarData`, `useContract`, `useWallet`) - Any Stellar frontend task where visual polish matters ## Design Thinking Before writing UI code, commit to a bold aesthetic direction: - **Purpose**: What does this interface do? Who uses it — traders, devs, collectors? - **Tone**: Pick an extreme — brutalist dark, luxe-light editorial, retro-terminal, futuristic glassmorphism, industrial monochrome, playful neo-brutalism. - **Blockchain UX constraints**: Wallet not connected, waiting for confirmation, tx pending, tx confirmed, error states — each needs its own visual language. - **Differentiation**: What makes this UNFORGETTABLE? A custom loading spinner made from Stellar icons? Animated transaction history? A gradient that shifts with each new block? **CRITICAL**: Execute with precision. Bold maximalism and refined minimalism both work — the key is intentionality, not intensity. ## Stellar dApp UI Patterns ### Pattern 1 — Walle...