Skip to content
Fluix

Installation

Fluix requires the framework adapter package and the shared CSS package.

Install

Section titled “Install”
Terminal window
npm install @fluix-ui/react @fluix-ui/css

Import CSS

Section titled “Import CSS”

Import the Fluix stylesheet once in your app entry point:

import "@fluix-ui/css";

This provides all component styles including the built-in light and dark themes. The CSS uses [data-fluix-*] attribute selectors - it will not conflict with your existing styles.

You can also import individual parts:

import "@fluix-ui/css/toast";
import "@fluix-ui/css/themes/dark";

TypeScript

Section titled “TypeScript”

All packages ship with TypeScript declarations. No additional @types/* packages needed.

Requirements

Section titled “Requirements”
  • React 18+ (uses useSyncExternalStore)
  • Vue 3.5+
  • Svelte 5+ (uses runes)
  • Node 18+

Next Steps

Section titled “Next Steps”