About

The AI UX patterns you need, already built.

PatternBase is an open-source React component library that turns shapeof.ai's taxonomy of AI product UX into 54 ready-to-use interaction patterns, each implemented for Bootstrap, Ant Design, Mantine, and shadcn/ui.

Browse patterns

What it is

One typed interface, four UI libraries

Every pattern ships as a self-contained, fully typed React component. The prop interface is defined once in @patternbase/core and implemented identically across four framework packages — so you can switch UI stacks without rewriting your AI features. Patterns build on each library's own primitives, inheriting your theme, tokens, and design system instead of fighting them.

The patterns

54 patterns across 5 categories

Prompt Actions

Components for submitting and managing AI prompts

Wayfinders

Guide users to productive starting points

Tuners

Controls for adjusting AI behavior and parameters

Governors

Transparency and control over AI reasoning

Trust Builders

Build user confidence in AI-generated content

Origin

Built from a shared taxonomy

The pattern set is distilled from research across leading AI products, starting from the shapeof.ai taxonomy. PatternBase follows the same open-source ethos: MIT licensed, TypeScript-first, and free to copy into your product.

GitHub