FlexiumUnified State & Reactivity

Simpler, Faster, Unified. The next-generation UI framework.

Get Started

View on GitHub

⚡

Unified State API

One function for everything. state() handles local, global, and async state effortlessly.

🎯

Fine-Grained Reactivity

Updates only what changed without Virtual DOM overhead. Optimized for performance.

🎨

Cross-Platform

Universal primitives for Web and Canvas. Native support coming soon.

📦

Lightweight

Minimal bundle size (~3KB) with tree-shakeable exports.

🛠

TypeScript First

Built with TypeScript for superior type safety and developer experience.

🚀

Zero-Config JSX

Works out of the box with standard tooling like Vite.

Quick Example

tsx

import { state } from 'flexium/core'

function Counter() {
  // Local state with unified API
  const [count, setCount] = state(0)

  return (
    <button onclick={() => setCount(c => c + 1)}>
      Count: {count}
    </button>
  )
}

Installation

bash

npm create flexium@latest my-app
cd my-app
npm run dev

Or add to existing project: