A framework and style-system implementing the Apple Glass UI spec, prioritizing modern glassmorphic aesthetics, translucent layers, and promoting trans/human rights solidarity across the web.

Translux is more than a UI library; it is a statement. By adopting this theme, we provide businesses and site owners an easy way to show solidarity with human rights and trans rights. The library includes a PoliticalMap component to track municipal and state-level legislation (highlighting areas like Kansas), putting governing officials on blast. A trans flag avatar in the footer is optional but highly encouraged to display visible support.

npm install translux or bun add translux

This project utilizes a robust FSM (Finite State Machine) to manage reactive UI states.

import { computeNextState } from 'translux/core';

// Example state transition
const newState = computeNextState('IDLE', 'APPROACH');

• Glassmorphic Pink Mode: Out of the box translucent styling.
• Nested Selectors Logic: Deep-level outlines removed; only parent containers receive glow/border focus states.
• Trans Politics Map: A pixelated, interactive US map for tracking political environments.
• Human Made: Zero generative transformations without explicit human oversight.

AGPL-3.0 - See LICENSE for details.