openkraken/kraken
Kraken
Kraken is a cross-platform UI framework and web standards runtime designed to build native applications using standard web markup and styling. It utilizes a Flutter-based rendering engine to process HTML and CSS, producing visually consistent user interfaces across mobile and desktop platforms.
The system distinguishes itself by compiling the runtime to machine code and employing a synchronous rasterization pipeline to ensure animations and scrolling match the fluidity of native applications. It further integrates high-performance native components directly into a web-standard document object model tree, allowing for the definition of custom HTML tags backed by native widgets.
The framework covers a broad capability surface including JavaScript component tree execution, global and local state synchronization, and standardized gesture handling. It also provides a plugin-based system for extending the API with custom backend functions and supports integration with various frontend frameworks.
Developer workflows are supported through integration with the Chrome DevTools protocol, enabling application state inspection and UI style modification.
Features
- Cross-Platform UI Frameworks - Provides a cross-platform UI framework for building native applications using standard web markup and styling.
- Cross-Platform Rendering - Renders native user interfaces from a unified HTML/CSS codebase across mobile and desktop platforms using Flutter.
- Web Standard Rendering - Translates HTML and CSS into a structured node tree rendered via a native graphics engine according to web standards.
- Web-to-Native Frameworks - Enables the creation of native applications using standard web development tools and JavaScript frameworks.
- Native Component Embeddings - Integrates high-performance native components directly into a web-standard node tree to combine flexible layouts with native speed.
- Ahead-Of-Time Compilation - Compiles the runtime to machine code during the build phase to ensure native-level responsiveness and fluidity.
- Synchronous Rasterization - Employs a synchronous rasterization pipeline to prevent flicker and blank screens during high-speed scrolling in dense lists.
- Web-Standard Runtimes - Provides a runtime environment that executes JavaScript and parses web-standard code for native rendering.
- Document Object Models - Manipulates a structured tree of nodes to dynamically update content, styles, and application state in real time.
- Component Tree Rendering - Executes user interfaces by drawing the component hierarchy directly to the document body.
- HTML and CSS Rendering Engines - Utilizes a Flutter-based engine to translate HTML and CSS into native user interfaces.
- Native Widget Mapping - Embeds high-performance native components into a web-based tree to combine flexible layouts with native rendering.
- Self-Drawing UI Engines - Uses a Flutter-based self-drawing engine to produce visually identical interfaces across different operating systems.
- State Inspection Interfaces - Enables developers to analyze and troubleshoot application state using browser developer tools.
- Plugin Systems - Offers a flexible plugin system to add custom functions and expand the core rendering engine's capabilities.
- Application Logic Runtimes - Provides a script engine to execute application behavior, timers, and asynchronous operations.
- JavaScript Function Invocations - Allows triggering custom JavaScript functions from a backend language to extend the runtime's capabilities.
- Native Machine Code Compilation - Compiles the runtime to machine code to ensure native-level responsiveness for animations and scrolling.
- UI State Change Tracking - Tracks local data and interface changes using hooks to trigger automatic UI updates.
- Plugin-Based Extensibility - Implements an architectural pattern allowing the injection of custom JavaScript functions implemented in backend languages.
- Global State Stores - Synchronizes application data and interface status across various components using centralized storage stores.
- Native Thread Animation Engines - Employs a synchronous rasterization pipeline to achieve native-equivalent fluidity in animations and scrolling.
- Custom Element Definitions - Allows the definition of custom HTML tags that are backed by high-performance native widgets.
- Cross-Platform Visual Identities - Uses a self-drawing rendering engine to ensure visually identical interfaces across mobile and desktop platforms.
- Gesture-to-Action Mappings - Maps standard web touch and click gestures to internal application logic functions.
- UI Inspection Tools - Provides tools for analyzing DOM structures and modifying CSS styles to troubleshoot visual interfaces.
- User Input Processing - Captures and responds to user gestures and events triggered within the rendered interface.
- Frontend Framework Integrations - Supports integration with various JavaScript libraries and frontend frameworks to build user interfaces.
- Gesture Handling - Processes touch and click events based on global web standards to trigger application logic.
- High Performance - Ensures smooth scrolling and fluid animations in data-heavy lists by compiling web standards to native machine code.
- Chrome DevTools Protocols - Integrates the Chrome DevTools protocol to allow deep inspection and troubleshooting of the rendering engine.
- Miscellaneous Tools - Web rendering engine for Flutter.
Star history
How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.
