https://github.com/pearmini/echox
A lightweight UI framework for declarative DOM manipulation, alternative to React, Vue and jQuery for small projects.
https://github.com/pearmini/echox
Last synced: 3 months ago
JSON representation
A lightweight UI framework for declarative DOM manipulation, alternative to React, Vue and jQuery for small projects.
- Host: GitHub
- URL: https://github.com/pearmini/echox
- Owner: pearmini
- License: mit
- Created: 2024-05-16T12:44:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-28T21:56:08.000Z (about 1 year ago)
- Last Synced: 2025-07-03T20:53:59.376Z (12 months ago)
- Language: JavaScript
- Homepage: https://echox.dev/
- Size: 560 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
README
# EchoX: UI = f(DOM, Reactive)
> [!NOTE]
> Work in progress. The APIs are not stable right now.
A lightweight reactive UI framework for declarative DOM manipulation, alternative to React, Vue and jQuery for small projects.
```js
import {html, reactive} from "echox";
const [state] = reactive()
.state("value", 0)
.computed("double", (d) => d.value * 2)
.effect((d) => console.log(d.value, d.double))
.join();
const counter = html.div([
html.button({onclick: () => state.value++}, ["👍"]),
html.button({onclick: () => state.value--}, ["👎"]),
html.span([() => state.double]),
]);
document.body.appendChild(counter);
```
## Resources 📚
- Documentation - https://echox.dev/
- Features - https://echox.dev/docs/what-is-echox
## License 📄
MIT@Bairui SU