AI-Driven Design System

Fidus Design System

Where the LLM decides the UI. Build privacy-first, context-adaptive interfaces that respond intelligently to user needs.

What Makes Fidus Unique?

Fidus isn't just another component library. It's a fundamentally different approach to building user interfaces.

AI-Driven UI Paradigm

No fixed screens. No predetermined flows. The LLM analyzes user context(time, location, history, intent) and dynamically decides what UI to render—form, chat, widget, or wizard.

Learn the paradigm

UI Decision Layer

The backend doesn't just send data—it decides which UI component to render. LangGraph agents orchestrate the interface, bridging backend logic with frontend components through a unified API.

Explore architecture

Privacy-First Design

Local-first data storage. End-to-end encryption. User owns and controls all data. GDPR-compliant by design. Privacy isn't a feature—it's the foundation.

Privacy principles

Event-Driven & Real-Time

WebSocket connections for real-time opportunities. Server-sent events for notifications. Proactive opportunities surface when relevant, not when hardcoded.

Frontend architecture

Quick Start

For Designers

Learn about design principles, token usage, and AI-driven UI paradigms.

Learn more

For Developers

Installation guide, component APIs, and code examples to get started quickly.

Learn more

Overview

Understand capabilities, constraints, and the overall design philosophy.

Learn more

Core Architecture & Unique Patterns

⭐ CORE ARCHITECTURE

UI Decision Layer

How the backend decides which UI to render. The heart of Fidus's AI-driven approach.

⭐ UNIQUE PATTERN

Opportunity Surface

Dynamic dashboard where opportunities appear based on context, not hardcoded rules.

⭐ UNIQUE COMPONENT

Opportunity Card

The UI building block for the Opportunity Surface. Context-driven, user-dismissible.

Architecture

Component Registry

Backend-Frontend bridge. Maps UI decisions to React components.

Architecture

API Response Schema

Structured format for UI metadata. How backend tells frontend what to render.

Pattern

Onboarding

Privacy-first onboarding flow with 8-step wizard. Builds trust from day one.

Recent Updates

@fidus/ui v1.7.1 - Tree-Shaking

Latest

2025-11-11

Phase 3 Tree-Shaking Optimization: 95% bundle size reduction for single component imports (from ~370KB to ~4KB). 47 subpath exports, automated export generation, React Hook Form integration docs. Production-ready tree-shaking with zero breaking changes.

View release details

@fidus/ui v1.6.0 - SSR Enhancements

2025-11-10

Phase 2 SSR Enhancements: 3 complete example projects (Next.js App Router, Pages Router, Vite), 133 SSR compatibility tests (142% increase), comprehensive documentation for SSR integration. All 40+ components tested for server-side rendering safety.

@fidus/ui v1.5.0 - SSR Optimization

2025-11-08

16 components now SSR-compatible. ~25-28% reduction in client-side JavaScript bundle. Improved Core Web Vitals for Next.js, Remix, and Gatsby applications.

@fidus/ui v1.2.0 - Chat Components

2025-11-04

Chat UI components: MessageBubble with privacy badges, ChatInterface with streaming support, and ConfidenceIndicator for ML confidence visualization.

Navigation Restructure

2025-10-29

Reorganized navigation hierarchy to match design concept. Components now properly grouped under dedicated section with nested categories.

Global Search Implementation

2025-01-29

Added comprehensive search functionality with keyboard shortcuts (⌘K), category filtering, and recent searches.