Patterns
Patterns
Higher-level, prop-driven page compositions built on the primitives.
Patterns are higher-level, prop-driven compositions built on the primitives — the recurring page-level pieces (app chrome, dashboards, blog, AI product UI). They live under @yuhuanowo/yunui/patterns and @yuhuanowo/yunui/ai, and take their framework dependencies (routing, images, i18n) via the adapters.
Import
import { StatCard, Sidebar, Footer, PageHeader, FAQ } from "@yuhuanowo/yunui/patterns";
import { ModelCard, ThinkingBlock, ProviderIcon } from "@yuhuanowo/yunui/ai";
Example: StatCard
StatCard
4.2%
Balance
$1,250
Example: FellowsBanner
The full catalog
The marketing showcase renders every pattern live, grouped by category — Layout & Chrome, Data Display, Feedback, Navigation, and the AI product components. Browse it for the complete set, then import the ones you need.