Onboardingmobile · flow · activation
Onboarding with progressive disclosure
A calm multi-step start that makes progress visible and keeps each screen focused.
Reduce first-session friction without hiding important decisions.
AI BUILD DESK
Prompts with a point of view.
Start with an interaction problem, inspect real references, then hand an original build brief to your coding agent.
10 promptsOriginal prompts · UIDiscovery references · 21st.dev handoff
Paywallmobile · pricing · conversion
Paywall with clear value framing
A pricing moment that explains value, removes uncertainty, and preserves user control.
Make a paid upgrade feel understandable and reversible.
Checkoutweb · flow · commerce
Checkout that builds confidence
A focused checkout with review, trust signals, and recovery states designed into the flow.
Help people complete a transaction without surprises.
Empty stateweb · product · activation
Empty state with a next action
A clear explanation and one helpful action instead of an apologetic dead end.
Turn a blank surface into a useful first step.
Permissionsmobile · trust · privacy
Permission request that earns trust
A permission moment with context, privacy reassurance, and a graceful decline path.
Explain why access is needed before asking for it.
Dashboardweb · data · saas
Dashboard built for scanning
A hierarchy that separates orientation, status, and action without turning everything into a card.
Make a dense product surface understandable in seconds.
Searchweb · navigation · discovery
Search with useful zero results
A search surface that supports intent, filters, progress, and recovery.
Help people refine a query instead of abandoning the task.
Activityweb · collaboration · notifications
Activity feed with signal
A chronological surface that keeps context, actors, and actions easy to scan.
Show what changed without overwhelming the reader.
Settingsweb · account · navigation
Settings people can actually navigate
A predictable settings shell with safe destructive actions and saved-state feedback.
Organize configuration around user goals, not internal systems.
Call to actionweb · conversion · marketing
CTA that makes the next step obvious
A focused closing section with one job, one primary action, and useful reassurance.
Give the page a decisive ending without pressure tactics.