Component Architecture

Explore the 38 production-ready UI primitives, operational domain patterns, and AI-native UX widgets powered by @gateflow/ui and @gateflow/tokens.

Ready (v7.1)

Core Primitives

38 Components

38 Atomic primitives including Buttons, Badges, Cards, FormField, and Inputs with 8-state coverage.

Explore Core Primitives
Ready (v7.1)

Domain Patterns

12 Patterns

Higher-order operational compositions: DynamicTable, EntityCard, FilterBar, and Handover Drawer.

Explore Domain Patterns
Ready (v7.1)

AI UX Toolkit

6 Modules

Streaming chat interfaces, Virtual Lab Orchid palette, mutation confirmations, and prompt injectors.

Explore AI UX Toolkit

GateFlow Design System Roadmap

Evolutionary lifecycle from atomic tokens to multi-app monorepo deployment.

Status: v7.1 Certified
Phase 1–4
Completed

Impeccable Foundations & Primitives

  • 3-Tier token architecture (Foundations → Semantic → Component)
  • Satin-Charcoal Dark Mode + Porcelain Light Mode (OKLCH)
  • 38 UI Primitives overhauled with 8 canonical interaction states
  • Vibe-Check AI Code Sanitizer & Prompt Writing Guide
Target: Q3 2026
Phase 5
Completed

Multi-App Ecosystem Rollout

  • Compact Density (36px) across Client & Admin Dashboards
  • Comfortable Density (48px) across Marketing & Resident Portal
  • Expo nativeTokens & 44px touch targets across Mobile Apps
  • Arabic RTL (Cairo) and Latin (Inter) typography calibration
Target: Q3 2026
Phase 6
Completed

Monorepo Certification & Release

  • 19/19 WCAG 2.2 AA Contrast Verification automation
  • 100% Showcase route and component coverage audit
  • 5-Gate Security, Invariant, and Performance sign-off
Target: Q3 2026
Upcoming (Q4 2026)
Roadmap

Advanced AI Widgets & 3D Spatial Maps

  • GateAI Interactive Map Annotation widget
  • Biometric Guard Liveness visualizer 2.0
  • Enterprise Custom Tenant Theme Builder with live token export
Target: Q4 2026