All 54 patterns now ship for Bootstrap, Ant Design, Mantine & shadcn/ui
The missing UX patterns for AI products, ready to ship.
PatternBase Studio
suggestions · prompt actionsDescribe what you want to build…
Prompt-guided generation across 3 UI kits
Write a storyAnalyze dataDebug codeBrainstorm
Open source · MITGenerate
54
AI UX Patterns
3
UI Frameworks
100%
TypeScript
MIT
Open Source
Featured patterns
View all 54 →Start here
The most impactful AI UX patterns to explore first — spanning prompt actions, wayfinders, tuners, governors, and trust builders.
Prompt Actions
Open Input
Chat-style prompt interface for submitting queries to AI
Wayfinders
Suggestions
Starter prompt chips and cards to solve the blank canvas problem
Governors
Citation
Source attribution with relevance scores for AI-generated content
Tuners
Parameter Control
Sliders, toggles, and selects for fine-tuning AI parameters
Prompt Actions
Regenerate
Re-run generation button with variant options
Trust Builders
Data Ownership
User control over their data lifecycle and retention
Where it comes from
We took shapeof.ai's taxonomy of AI product UX and turned it into production-ready React components.
Every pattern is derived from research across leading AI products, then built shapeof.ai style on top of your UI library's primitives — so patterns inherit your theme, tokens, and design system instead of fighting them.
54 interaction patterns from shapeof.ai, each implemented as one typed React component across Mantine, Ant Design, and shadcn/ui — so you can switch UI stacks without rewriting your AI features.
P—01
Multi-framework
Mantine, Ant Design, and shadcn/ui implementations behind identical prop interfaces.
P—02
Copy-paste ready
Every pattern ships with a live preview and framework-specific snippet. The code is yours.
P—03
Fully typed
Strict TypeScript across packages so all three frameworks stay behaviorally in sync.
Resources
Visit GitHub →Where to go next
CHANGELOG
PatternBase on GitHub
Releases, changelog, and the roadmap for the library.
github.com/kelvink96/pattern-base/releases ↗SOURCE
Open source
MIT-licensed code across four framework packages.
github.com/kelvink96/pattern-base ↗