🚲 The Fixi Project

The fixi project is collection of small web libraries, each one being a lightweight take on something else we've built.

Each library is constrained to an unminified, uncompressed source size that is smaller than (the excellent) Preact library's .min.gz'd size (~4.7kb).

The libraries are:

🚲 fixi (3.4kb raw, 1.2kb brotli) inspired by htmx, supercharges your HTML
🥊 moxi (4.6kb raw, 1.8kb brotli) inspired by hyperscript, provides inline scripting and DOM-based reactivity
📡 ssexi (4.1kb raw, 1.4kb brotli) inspired by htmx's SSE extension, provides streaming HTML & events for fixi.js
♻️ paxi (1.5kb raw, 0.6kb brotli) inspired by idiomorph, provides DOM patching/morphing and a morph swap for fixi.js
🐕 rexi (4.3kb raw, 1.4kb brotli) inspired by hyperscript's fetch command, provides a set of ergonomic fetch() wrappers to make issuing one-off HTTP requests nicer.

Installing

Each library is a single standalone script. Pick whichever you need and drop it into a page:

select all

<script src="...@0.0.1/moxi.js"></script> copy <script src="...@0.9.4/fixi.js"></script> copy <script src="...@0.0.1/ssexi.js"></script> copy <script src="...@0.0.1/paxi.js"></script> copy <script src="...@0.0.1/rexi.js"></script> copy

NOTE: you will want to load moxi before fixi so its on-fx:init and on-fx:process handlers are registered before fixi dispatches those events on page load.

🧰 The Fixi Project All-in-One (4.4kb brotli)

All five libraries are also available pre-concatenated, minified, and brotli-compressed in a single file:

<script src="...@0.0.1/dist/the-fixi-project.min.js"></script> copy

Or via npm:

npm install the-fixi-project

Docs

The docs for the project can be found here.