Skip to content
🏳️‍⚧️ TRANSLUX is live — Track 530+ anti-LGBTQ+ bills, organize mutual aid, and build UIs that stand for something. Support the movement →

Installation

TRANSLUX is a framework-agnostic style-system, making it easy to integrate into any project.

Install the core engine via your preferred package manager:

Terminal window
npm install translux
# or
bun add translux
# or
yarn add translux

Ensure you have the proper bundlers to compile the translux core natively or use our specific framework adapters (React, Vue, Astro).

Astro provides the most seamless environment for the TRANSLUX glass-panel primitives to excel. Add the integration manually:

Terminal window
npx astro add translux