Installation
Fluix requires the framework adapter package and the shared CSS package.
Install
Section titled “Install”npm install @fluix-ui/react @fluix-ui/cssnpm install @fluix-ui/vue @fluix-ui/cssnpm install @fluix-ui/svelte @fluix-ui/cssnpm install @fluix-ui/vanilla @fluix-ui/cssImport CSS
Section titled “Import CSS”Import the Fluix stylesheet once in your app entry point:
import "@fluix-ui/css";This provides all the component styles. The CSS uses [data-fluix-*] attribute selectors — it will not conflict with your existing styles.
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”- Toast — React — Get started with React
- Toast — Vue — Get started with Vue
- Toast — Svelte — Get started with Svelte
- Toast — Vanilla — Get started with Vanilla JS