Omi - Web Components Framework.

- Signal-driven reactive programming by reactive-signal.

- Tiny size, Fast performance.

- Everything you need: Web Components, JSX, Function Components, Router, Suspense, Directive, Tailwindcss…

- Harness Constructable Stylesheets to easily manage and share styles.

## Install

```bash

npm i omi

```

To quickly create an Omi + Vite + TS/JS project:

```bash

npx omi-cli init my-app

# or create js project by: npx omi-cli init-js my-app

cd my-app

npm start # develop

npm run build # release

```

To quickly create an Omi + Router + Signal + Suspense + Tailwindcss + Vite + TS project:

```bash

npx omi-cli init-spa my-app

cd my-app

npm start # develop

npm run build # release

```

## Packages

- `omi` - Implementation of omi framework.

- `omi-form` - Powerful, simple and cross frameworks form solution.

- `lucide-omi` - Lucide icon collection for omi.

- `omi-router` - Create SPA of omi framework.

- `omi-cli` - To quickly create an Omi + Vite + TS/JS project.

## Usage

TodoApp with reactivity functions. In data-oriented programming, the focus is on the data itself and the operations on the data, rather than the objects or data structures that hold the data. This programming paradigm emphasizes the change and flow of data, and how to respond to these changes. The TodoApp with reactivity functions is a good example of this, using the concepts of reactive programming, where the UI automatically updates to reflect changes in the data.