A JavaScript library for building rich, portable UI components on HTML5 Canvas using an easy OOP concept.
Zebkit is a JavaScript library that provides a rich UI framework built on HTML5 Canvas, abstracting developers from traditional web technologies like HTML and CSS. It offers a comprehensive set of portable UI components that work across devices and support touch screens, ideal for single-page applications. The library uses an easy OOP concept and includes tools like a Java-to-JavaScript converter and Zson configuration for declarative UI setup.
Frontend developers building cross-platform, canvas-based applications who want to avoid web/CSS complexities and need rich, portable UI components with touch support.
Developers choose Zebkit for its unique canvas-based rendering that ensures UI portability and abstraction from browser inconsistencies, combined with a simplified OOP model and unified input events for easier cross-device development.
JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Renders all UI components directly on HTML5 Canvas, abstracting from browser-specific CSS issues and ensuring consistent cross-device performance, as emphasized in the philosophy for high portability.
Normalizes mouse, touch, and pen events into a single type with consistent key events across platforms, simplifying input handling for diverse devices, as highlighted in the features.
Extends JSON with class instantiation, references, and expressions for declarative UI setup, allowing external JSON inclusion and flexible configuration, demonstrated in the Zson example.
Hosts HTML elements like Google Maps within canvas layouts, enabling hybrid interfaces where DOM and canvas components interact, as shown in the code snippet for adding HTML elements.
The new version is not backward compatible with the previous zebra project, requiring significant migration effort and potential code rewrites for existing users, as admitted in the README.
Requires nodejs, gulp, and other tools for building artifacts and generating documentation, adding overhead and learning curve for simple deployments, as outlined in the installation steps.
Being canvas-based, it may not play well with standard web libraries or CSS frameworks, forcing developers to reinvent solutions for common web patterns like responsive design or accessibility.