wtf is learnui?

Learn UI Name is a bilingual English and Chinese visual dictionary for user interface design terms. It is a content replica of the site namethatui.com, rebuilt with parallel Chinese translations so Chinese speaking learners do not have to guess what English design terms mean. The goal is simple: see a UI element or visual style, learn its real name, and then be able to describe it precisely when prompting an AI coding agent. The site contains 62 entries covering both web and macOS interface elements, each shown as a live interactive specimen built with real HTML, CSS, and JavaScript rather than a screenshot. It also includes a companion section called Name That Vibe with 44 visual design styles such as Skeuomorphism, Y2K, Swiss Style, and Cyberpunk, each described with its defining visual signals and a copy ready style brief. A quiz mode lets learners test themselves in both directions, matching a specimen to its name or a name to its specimen, and tracks which items they have mastered using local browser storage. Other features include full text search across both languages, double click word definitions, one click copying of prompts and code snippets, three reading modes for bilingual, English only, or Chinese only text, and installable offline support as a progressive web app. The whole site is built as static pages using only Python's standard library, with no external framework or dependencies required to generate it. The project's own code, including the site builder, specimen reimplementations, and translations, is released under the MIT license. The original English source content describing each entry and style is replicated from namethatui.com for learning purposes and remains the property of its original author.