Elemix 🌐

A minimal React-like framework in TypeScript. Fast, tiny, and hackable.

Features

• JSX-like API: createElement, Fragment, function components
• Tiny render engine
• Written in TypeScript
• Rollup for bundling

Getting Started

Installation

Using npm:

npm i elemix

Using yarn:

yarn add elemix

Using pnpm:

pnpm add elemix

Using bun:

bun add elemix

Local Development

Install dependencies

pnpm install

Build

pnpm run build

Outputs to dist/ as ES and UMD modules, plus types.

Dev

pnpm run dev

Runs TypeScript in watch mode.

Preview

pnpm run preview

Serves the dist/ folder (needs serve installed globally or as a dev dep).

Usage Example

import { createElement, render, Fragment } from "elemix";

const App = () => (
  <Fragment>
    <h1>Hello Elemix</h1>
    <p>Minimal React-like framework</p>
  </Fragment>
);

render(<App />, document.getElementById("app"));

License

MIT.