Simple and Intuitive Reactive Framework
Explore real-world applications built with ichigo.js
A full-featured todo list application with complete CRUD operations
A product search system with real-time search and filtering
A shopping cart system with product management and automatic calculations
Explore powerful features for complex applications
Integrate with third-party libraries and manage component lifecycle
Advanced animations using Anime.js animation library
Professional charts with automatic updates and cleanup
Monitor element size changes with ResizeObserver API
Detect element visibility with IntersectionObserver API
Monitor performance metrics with PerformanceObserver API
Get started with ichigo.js in minutes
<!DOCTYPE html>
<html>
<body>
<div id="app">
<h1>{{ message }}</h1>
<input v-model="message">
<p>Count: {{ count }}</p>
<button @click="increment">Increment</button>
</div>
<script type="module">
import { VDOM } from '@mintjamsinc/ichigojs';
VDOM.createApp({
data() {
return {
message: 'Hello ichigo.js!',
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
}).mount('#app');
</script>
</body>
</html>Install via npm or use from CDN
npm install @mintjamsinc/ichigojsEverything you need for modern web development
All data properties are automatically reactive. Changes are detected and DOM updates are scheduled automatically.
Computed properties automatically track their dependencies and re-evaluate when needed.
Vue-like directives for common UI patterns and interactions.