Want to apply a look to your own product? Explore 48 original design directions and copy an implementation prompt ↗
Want interactive mobile app screens instead of illustrative concepts? Open Mobile Studio and Expo Native Kit ↗
Browse original website and app UI specimens visually. Every concept has a rendered thumbnail and a larger interactive study with placement advice, supporting sources, and copyable prompts. These are honest code-built examples, not finished products.
Beyond moodboards. A field guide for choosing a pattern, understanding the reason behind it, recognizing its failure modes, and implementing it with evidence. Two tracks: websites and applications. No automatic template stacks.
Original previews and copyable design/build/audit prompts. Patterns guide decisions; they do not predict conversion, store acceptance, or scientific validity.
Start with a user problem. Keep the familiar behavior, but give the expression a point of view.
Sources below support a principle or implementation concern, not the commercial success of this exact concept. Each source has an explicit applicability limit.
This is an authored prompt generated locally from the concept. No model or paid API runs on this page.
A linked research reading room, including journal papers, cognitive design, accessibility standards, platform guidance and field studies. Read the boundary before borrowing the finding.
Open-source and source-visible libraries across components, native apps, generative UI, charts, editors, animation, maps and QA. The 63 existing references and newly researched candidates are searchable together.
Rights, not vibes: React Bits is MIT with Commons Clause restrictions, and tldraw SDK production use requires an appropriate license. Unknown license means reference-only until checked. Prompt-Vault does not copy external components or media assets into its own MIT source.
There is no complete finite inventory of every UI concept. Patterns evolve as devices, cultures, research and products change. This catalog is extensible: each new entry requires a distinct job, a decision boundary, a failure case, linked source limitations, a prompt contract and an honest preview family.
Read the evidence and contribution method ↗Use full-page and native app blueprints ↗