@qeetrix/ui v2.1.4Latest releaseBuilt for the Qeet ecosystem

Qeetrix.One system. Every interface.

Accessible React components, connected tokens, and production patterns for the products your team ships.

bun add @qeetrix/ui @qeetrix/icons

137 modules
Production ready
React 19
Latest support
Light + Dark
Beautiful by default
RTL
Full support
WCAG 2.2 AA
Accessibility target
One package
Everything you need

Not a screenshot. Your next interface.

Real Qeetrix components, from everyday inputs to complete product patterns.

Button

Input

Select

Switch

Enable featureDisabled state

Alert

Success

Your changes have been saved.

Information

This is a neutral alert message.

Badge

DefaultPrimarySuccessWarningDestructive

Tabs

Card

Product update

New components and improvements are now available.

Tooltip

Hover or focus

Progress

Explore Qeetrix

Everything you need. One shared language.

Start with a component. Build on the foundations. Bring the whole system into your product.

QTDSUI

Qeet workspace

Active

Workspace

Default access

Notifications

TeamPrivate

@qeetrix/ui

Components

137 React modules. Accessible controls, considered variants, and the freedom to compose.

Browse components

Actionprimary
Brandsubtle
Surfacesunken
Borderstrong
Textprimary

Foundations

Color, type, and space with a shared vocabulary. The same tokens in every product.

Explore foundations

Foundations, connected

One change. Every component.

A single source of truth, from the first color decision to the last interaction.

01Primitive value

color.qeet.600oklch(0.585 0.1835 40)

02Semantic role

Primary action

color.action.primary

Brand surface

color.surface.brand-subtle

03Component tokens

Qeet Platform

Team workspace

Shared

Project name

Access

TeamPrivate

Team notificationsWeekly activity summary

--qx-color-action-primary:
oklch(0.585 0.1835 40);

--qx-component-button-primary-background:
var(--qx-color-action-primary);

A short path from install to interface.

Use your framework. Keep your workflow. Start with the pieces you need.

01
Install
bun add @qeetrix/ui @qeetrix/icons
02
Add styles
@import "@qeetrix/ui/styles.css";
03
Build
<Button>Get started</Button>

Enterprise by construction.

The less visible details, considered from the start. Documented, inspectable, and built into the system.

Installed release

v2.1.4

{
  "package": "@qeetrix/ui",
  "version": "2.1.4",
  "modules": 137,
  "stable": 74,
  "beta": 62,
  "manifestSchema": 3
}

Release data comes from the installed package and its component manifest.

Inspect the manifest

Built for the Qeet ecosystem.

Different products. Familiar interactions. One set of foundations.

QeetrixShared foundations

Qeet IDAuthentication and user management.
Qeet PayPayments and billing infrastructure.In development
Qeet NotifyMulti-channel notifications.
Qeet LogsObservability and audit logs.
Future productsMore products, one design system.

Latest from Qeetrix.

Stay up to date with releases, guides and project updates.

Start building with Qeetrix.

One package. Every surface. Built for the Qeet ecosystem.

Qeetrix.One system. Every interface.

Not a screenshot. Your next interface.

Everything you need. One shared language.

Components

Foundations

Patterns

Guides

Resources

One change. Every component.

01Primitive value

02Semantic role

03Component tokens

A short path from install to interface.

Install

Add styles

Build

Enterprise by construction.

Accessibility

Themes

Direction

Rendering

Motion

Density

Design tokens

Component manifest

Built for the Qeet ecosystem.

Latest from Qeetrix.

Start building with Qeetrix.