Convergence UI

CONVERGENCECONVERGENCECONVERGENCE

A dynamic theming engine for modern web applications. Inject OKLCH colors directly into your DOM and transform your UI in real-time.

Get Started
npm install convergence-ui

Real-time Color Manipulation

Built on the OKLCH color space for perceptual uniformity. Convergence automatically handles contrast ratios and semantic mapping across your entire application.

  • Dynamic Theme Generation
  • Live DOM Injection
  • Framework Agnostic Core

Dashboard Preview

A comprehensive view of the theme applied to various complex components.

Revenue

+12%

$42.5k

Users

+24%

12,400

Active

+4%

1.2k

Conversion

-1%

4.3%

Value: 30
Value: 50
Value: 40
Value: 80
Value: 60
Value: 90
Value: 70
Value: 40
Value: 50
Value: 80
Value: 90
Value: 60

Charts by-  

evilcharts.com
Sans Serif

The quick brown fox jumps over the lazy dog perfectly.

Serif

The quick brown fox jumps over the lazy dog perfectly.

Monospace

The quick brown fox jumps over the lazy dog perfectly.

Settings

Convergence UI
75%
Loading calendar...

System Update

Version 2.4 is live.

2h ago

New User

Alice joined the team.

5h ago

Deployment

Production build successful.

1d ago

System Tokens

Semantic color mappings derived from your palette.

Background--background
Foreground--foreground
Primary--primary
Secondary--secondary
Accent--accent
Destructive--destructive
Muted--muted
Border--border
Input--input
Card--card
Chart 1--chart-1
Chart 2--chart-2
Chart 3--chart-3
Chart 4--chart-4
Chart 5--chart-5
Ring--ring
Sidebar--sidebar
Popover--popover
Convergence

A theming engine for React and Next applications. Built with OKLCH for perceptual uniformity and accessibility.

© 2026 Convergence UI. All rights reserved.

System Operational
try me