Convergence UI

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

Changes reflect in real-time

Revenue

$12.5k

Users

+24%

Active

1.2k

Weekly Activity

Value: 30

Value: 50

Value: 40

Value: 80

Value: 60

Value: 90

Value: 70

Project Name

Convergence UI

Typography Styles

Sans Serif

The quick brown fox jumps over the lazy dog.

Serif

The quick brown fox jumps over the lazy dog.

Monospace

The quick brown fox jumps over the lazy dog.

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