UXI Platform Documentation¶

Unified User Experience Platform for the DIRAC ecosystem.

🎯 What is UXI?¶

UXI (Unified User Experience) is the web-native interface platform that provides a single, cohesive user experience across all business capabilities.

UXI is part of the DIRAC ecosystem - OVES's unified compute architecture framework.

Vision¶

Architecture Vision - UXI strategic framework and principles

Stack¶

Technical Stack - Canonical tech stack and developer guidelines

Style System¶

Overview - UX guidelines and design principles
Tailwind Plus - Component library and resources

Applications¶

Content Architecture - MDX + TailwindPlus + Mosaic system

🌟 Platform Highlights¶

Core Capabilities¶

Unified Interface: Single access point for all system functions
Web-Native: Modern browser-based architecture
Responsive Design: Optimized for desktop and mobile
Real-Time Updates: Event-driven state management

Design System¶

Tailwind CSS v4.1: Utility-first styling
Catalyst UI Kit: Production-ready React components
Headless UI: Accessible interactive components
500+ UI Blocks: Pre-built component library

💻 Technical Stack¶

Frontend: React + Next.js
Styling: Tailwind CSS
Components: Catalyst UI Kit + Headless UI
Documentation: MkDocs + Material theme

🛠️ Documentation Commands¶

# Start development server
mkdocs serve

# Build static site
mkdocs build

# Deploy to GitHub Pages
mkdocs gh-deploy

Project Structure¶

.
├── docs/
│   ├── vision/        # Strategic architecture vision
│   ├── stack/         # Technical stack specifications
│   ├── style-system/  # Design system & UI components
│   ├── applications/  # Application architecture specs
│   └── index.md       # This file
├── mkdocs.yml         # MkDocs configuration
└── requirements.txt   # Python dependencies