Pattern Catalog
58 patterns across 17 categories
58
Total Patterns
17
Categories
16
Essential
35
Common
Showing 58 patterns
Essential
Email + Password Login
AUTH-001
typescript4 variants
Authentication2 deps
Essential
Magic Link Login
AUTH-002
typescript4 variants
Authentication2 deps
Common
OAuth / Social Login
AUTH-003
typescript5 variants
Authentication2 deps
Common
Registration / Sign Up
AUTH-004
typescript4 variants
Authentication2 deps
Essential
Role-Based Access Control
AUTH-005
typescript4 variants
Authentication1 deps
Common
Multi-Factor Authentication (MFA)
AUTH-006
typescript4 variants
Authentication2 deps
Critical
Multi-Gate Auth Chain
AUTH-007
tsx4 variants
Authentication1 deps
Common
Invite-Based Registration
AUTH-008
typescript4 variants
Authentication2 deps
Essential
User Profile Page
PROF-001
tsx4 variants
Profiles & Settings
Common
Avatar Component
PROF-002
tsx7 variants
Profiles & Settings
Essential
Sidebar Navigation
NAV-001
tsx4 variants
Navigation1 deps
Essential
Dashboard Layout
LAY-001
tsx4 variants
Layout
Essential
Detail View (Entity Page)
LAY-002
tsx4 variants
Layout
Essential
Stats Card
DATA-001
tsx4 variants
Data Display1 deps
Essential
Standard Form with Field Type System
FORM-001
tsx5 variants
Forms & Inputs3 deps
Essential
Side Drawer (4-Tier System)
WF-001
tsx4 variants
Workflows
Essential
Confirmation Modal
WF-002
tsx3 variants
Workflows
Essential
Notification Service
NOTIF-001
typescript4 variants
Notifications1 deps
Critical
Entity Detail Page
DETAIL-001
tsx4 variants
Detail Views1 deps
Critical
Workflow Drawer (Canonical Config)
WF-004
typescript5 variants
Workflows1 deps
Common
Multi-Step Wizard
WF-003
tsx4 variants
Workflows1 deps
Common
Quick Actions Bar
WF-005
tsx4 variants
Workflows1 deps
Common
Empty State Variants
WF-006
tsx4 variants
Workflows
Critical
Manage Card System
WF-007
typescript4 variants
Workflows1 deps
Common
Workflow Engine
WF-008
typescript4 variants
Workflows2 deps
Common
Notification Badge & Bell
NOTIF-002
tsx4 variants
Notifications
Common
Alert / Status Banner
NOTIF-003
tsx6 variants
Notifications1 deps
Essential
Data Table
DATA-002
tsx5 variants
Data Display1 deps
Common
Loading Skeleton
DATA-003
tsx4 variants
Data Display
Common
Empty State
DATA-004
tsx4 variants
Data Display1 deps
Common
Pipeline / Kanban Board
DATA-005
tsx4 variants
Data Display3 deps
Common
Option Sets (Dynamic Enums)
DATA-006
typescript4 variants
Data Display1 deps
Common
File Upload
FORM-002
tsx5 variants
Forms & Inputs
Common
Breadcrumbs
NAV-002
tsx4 variants
Navigation
Common
Search + Filter Bar
NAV-003
tsx4 variants
Navigation
Common
Settings Page
LAY-003
tsx4 variants
Layout
Essential
KYC Verification Flow
FIN-001
tsx4 variants
Fintech1 deps
Common
Transaction List
FIN-002
tsx4 variants
Fintech1 deps
Common
Compliance Dashboard
FIN-003
tsx4 variants
Fintech
Critical
Collection / Listing Page
COLL-001
tsx4 variants
Collections & Lists1 deps
Critical
Manage Cards Panel
COLL-002
tsx3 variants
Collections & Lists1 deps
Critical
Entity Breadcrumb Bar
DETAIL-002
tsx4 variants
Detail Views1 deps
Common
Activity Trail / Timeline
DETAIL-003
tsx4 variants
Detail Views
Common
Community Hub / Dashboard
COMM-001
tsx4 variants
Community & Social2 deps
Common
Forum / Discussion Feed
COMM-002
tsx4 variants
Community & Social2 deps
Common
Forum / Discussion System
COMM-003
typescript4 variants
Community & Social2 deps
Common
Content Moderation System
COMM-004
typescript4 variants
Community & Social1 deps
Common
Onboarding Wizard
COMM-005
tsx4 variants
Community & Social2 deps
Common
Slack Bot Integration
INT-001
typescript4 variants
Integrations1 deps
Common
Realtime / SSE Event System
INT-002
typescript4 variants
Integrations1 deps
Common
SendGrid Email Templates
INT-003
typescript4 variants
Integrations1 deps
Common
Feature Flags System
SEC-001
typescript4 variants
Security1 deps
Common
Rate Limiting
SEC-002
typescript4 variants
Security1 deps
Common
Tenant / Multi-tenancy System
ADMIN-001
typescript4 variants
Admin & Platform1 deps
Common
Event-Based Billing Engine
BILLING-001
typescript4 variants
Billing & Payments1 deps
Essential
Vercel + GitHub Actions CI/CD
DEVOPS-001
yaml3 variants
DevOps & Deployment
Essential
Next.js Project Scaffold
DEVOPS-002
json3 variants
DevOps & Deployment
Common
Supabase Schema + RLS Pattern
DEVOPS-003
sql3 variants
DevOps & Deployment1 deps