Build interfaces with OnigiriJS
A lightweight, modular JavaScript framework for building reactive interfaces without the weight of a monolithic framework.
// Create a reactive component
const app = new Onigiri.Component({
data: {
count: 0,
message: 'Hello OnigiriJS! ๐'
},
methods: {
increment() {
this.count++;
}
},
mounted() {
console.log('Ready!');
}
});
app.mount('#app');Small pieces. Less overhead. More control.
OnigiriJS focuses on the pieces you actually need, letting you build reactive web interfaces without bringing along an entire ecosystem.
Lightweight
Keep your frontend lean with a small core and modules that can be loaded only when you need them.
Modular by Design
Use granular functionality instead of adopting a monolithic framework architecture.
Security Built In
Practical security features such as CSRF handling and safer AJAX requests are part of the framework.
Reactive Components
Build components with reactive data, lifecycle hooks, watchers, and computed values.
Simple APIs
Straightforward APIs for common frontend tasks without forcing you into a large application architecture.
Modern Web Tools
AJAX, storage, routing, PJAX, i18n, validation, animation, and other focused modules work together when needed.
Modular
Load the functionality your project actually uses.
Reactive
Components with state, watchers, computed values, and lifecycle hooks.
Focused
Granular tools instead of an all-or-nothing framework.
Open
Available through GitHub, NPM, CDN, and the OnigiriJS community.
Ready to build with OnigiriJS?
Explore the documentation, see how the framework works, and start adding only the pieces your project needs.
Start Building