v0.1 — Toast Component Available

UI Components with
Physics-Based Animation

Cross-framework component library with spring physics and SVG morphing. Same API, same design — React, Vue, Svelte, Vanilla JS.

Get Started Try Playground

Physics-First Animation

Spring physics and SVG gooey morphing. Zero animation dependencies. CSS linear() easing on the compositor thread.

True Cross-Framework

Write once, use everywhere. Thin adapters for React, Vue, Svelte, and Vanilla JS. All logic lives in a shared core.

Beautiful by Default

Opinionated visual design with OKLCH colors, gooey SVG effects, and smooth spring transitions. Fully themeable via CSS custom properties.

Imperative API

Just call fluix.success() from anywhere. No providers, no context, no boilerplate. It just works.

Accessible

ARIA live regions, keyboard navigation, and prefers-reduced-motion support baked in.

Lightweight

Small core with thin framework adapters. No heavy animation libraries. Ships only what you need.

Simple to Use

One import, one component, one function call.

import { Toaster, fluix } from "@fluix-ui/react";
import "@fluix-ui/css";

function App() {
  return (
    <>
      <Toaster position="top-right" />
      <button onClick={() => fluix.success({
        title: "Saved!"
      })}
      >
        Save
      </button>
    </>
  );
}

Ready to Build?

Add physics-based UI components to your project in seconds.

Read the Docs View on GitHub