πŸ™ Onigiri Shop Demo

A complete demonstration of OnigiriJS features

πŸ™ Onigiri Shop (Full-Featured Demo)

πŸ›’ Your Cart

Total: $0.00

πŸ“ Contact Form (Validation Demo)

πŸ“¦ Reactive Components Demo

0
Click Counter
0
Stored Items
0
Events Fired

✨ Feature Demonstrations

🎨 Advanced Animation System

OnigiriJS includes a comprehensive animation library with 25+ easing functions and multiple animation types.

Animation Box
Includes: fadeIn/Out, slideDown/Up, scale, rotate, shake, pulse, bounce, and custom animations with elastic, back, and bounce easings!
πŸ’Ύ Local Storage & State Management

Persistent client-side storage with automatic JSON serialization and namespace support.

Storage Prefix:
onigiri_
Stored Items:
0
Features: Automatic serialization, prefix namespacing, get/set/remove/clear operations, and key enumeration.
πŸ”’ Built-in Security Features

CSRF protection, XSS prevention, and secure form handling out of the box.

CSRF Token:
Loading...
Security Status:
No
Includes: Automatic CSRF token injection, XSS sanitization, and secure AJAX request handling.
⚑ Advanced Event System

Powerful event delegation, custom events, and event bus for component communication.

Events Triggered:
0
Features: Event delegation, custom events, event bubbling, one-time listeners, and event namespacing.
🧩 Reactive Component System

Build reactive UIs with automatic state management and computed properties.

Component Value:
0
Features: Reactive data binding, computed properties, lifecycle hooks (created, mounted, updated), and automatic DOM updates.
🌍 Internationalization (i18n)

Multi-language support with automatic translation, currency formatting, and locale-aware operations.

Current Locale:
en
Available Locales:
4
Translation Example:
Hello, World!
Includes: Automatic page translation, currency formatting (USD, EUR, JPY), date/time formatting, and pluralization support.
🌐 AJAX & HTTP Requests

Simplified HTTP requests with automatic CSRF token injection and JSON handling.

Request Status:
Ready
Features: GET/POST/PUT/DELETE methods, automatic JSON parsing, promise-based API, and built-in error handling.
πŸ› οΈ Utility Functions

Collection of helpful utility functions for common operations.

Debounce Test:
0
Throttle Test:
0
Includes: debounce, throttle, deep clone, type checking (isArray, isObject, isFunction), and isEmpty utilities.