@myxo-victor/chexjs

ChexJs

ChexJs is a lightweight, high-performance JavaScript UI engine for building reactive, component-driven interfaces. It runs directly in the browser with zero build steps, no compilers, and no node_modules overhead.

---

Installation

Install via npm:

npm install @myxo-victor/chexjs

---

Quick Start

Import and write components using Chex's tag helpers:

import Chex from '@myxo-victor/chexjs';

const { div, h1, button } = Chex;
const app = document.getElementById('app');
const count = Chex.signal(0);

const Counter = () => div({ class: 'counter' }, [
  h1(`Count: ${count.value}`),
  button({ onClick: () => (count.value += 1) }, 'Increment')
]);

Chex.render(app, Counter);

---

Fast Element API

Chex tag helpers are flexible. You can provide props as the first argument, or omit them entirely to pass children directly:

// With props
div({ class: 'hero' }, [
  h1({}, 'Title'),
  button({ onClick: save }, 'Save')
]);

// No empty props object required
div([
  h1('Title'),
  button('Save')
]);

---

Core Features

• Reactive State — Built-in signals and effects (Chex.signal, Chex.effect)
• VDOM Patching — Efficient DOM updates via Chex.render
• Zero-Dependency Routing — Hash- or history-based routing with Chex.createRouter
• Integrated Backend — Built-in PHP database client (Chex.db) and API helpers
• Standalone Helpers — Additional engines for modals, skeleton loaders, sliders (orbit), and scroll animations (rinx, scrollEcho)

---

Backend Database Engine

The optional Chex.php provides a secure PDO bridge for your frontend:

const server = Chex.db.connect({
  endpoint: '/path/to/Chex.php',
  apiKey: 'YOUR_SECURE_API_KEY',
  table: 'users'
});

await server.create({ email: 'demo@example.com' });
const users = await server.read({ select: ['id', 'email'], limit: 10 });

---

Standalone Libraries

All included UI libraries are dependency-free:

Library	Global	Purpose
scrollEcho.js	ScrollEcho	Scroll-triggered reveals
racket.js	racket	Image carousel
orbit.js	orbit	Swipe-friendly sliders
rinx.js	rinx	Scroll-card layouts
smooth.js	smooth	Continuous tickers
modal.js	modal	Accessible modal engine
skeleton.js	skeleton	Shimmer loaders

---

License

MIT License. Copyright (c) 2026 Aximon. Created by Myxo Victor.