DioxusLabs/blitz
Blitz
Blitz is an HTML and CSS rendering engine and native UI framework designed to translate web-standard markup into visual interfaces for native applications. It functions as a layout engine that converts raw HTML strings into a structured object model for programmatic rendering.
The project implements a web-standard layout engine using Flexbox and Grid models to compute element positions and sizes. It includes a dedicated SVG graphics renderer for displaying scalable vector graphics embedded within HTML-based layouts.
The framework covers native windowing integration and system accessibility to enable cross-platform UI development. Its capability surface includes CSS-driven style resolution, pointer interaction handling, and the ability to animate interface elements and apply visual effects. It also manages resource loading via HTTP and local filesystems to populate rendered documents.
Features
- HTML to Native Converters - Parses HTML strings into a DOM and transforms them into native UI component hierarchies without a full browser.
- Native HTML Rendering Engines - Translates HTML strings and CSS styles into a visual layout for display within a native application.
- DOM Tree Construction - Transforms raw HTML strings into a structured object tree for programmatic manipulation and visual rendering.
- Native Windowing - Connects the rendering engine to system windows and accessibility tools to create functional desktop applications.
- Native Desktop UI Frameworks - Provides a framework that renders user interfaces directly to native desktop elements using a non-browser architecture.
- Flexbox and Grid Layouts - Computes element positions and sizes using web-standard Flexbox and Grid layout models.
- Cross-Platform UI Frameworks - Enables the development of graphical user interfaces that run consistently across multiple operating systems.
- CSS-Driven Styling Engines - Implements an architecture that applies visual rules and layout constraints using CSS syntax for native applications.
- Flexbox Layout Engines - Provides a layout engine that uses flexible, responsive properties to align and distribute elements.
- UI Interactivity - Enables dynamic user interaction by mapping virtual structures to a rendering engine to handle events.
- HTML and CSS Rendering Engines - Translates HTML and CSS into visual interfaces for native applications via a custom layout engine.
- HTML Layout Parsers - Converts web markup into structured geometric box trees for programmatic document positioning.
- Layout & Positioning - Determines the position and size of elements using layout models like Flexbox, Grid, and block flows.
- Embedded Web Renderers - Integrates a rendering engine to display dynamic web-based content and SVG graphics within native application interfaces.
- CSS Box Model Renderers - Calculates element dimensions, margins, and padding to control spacing and sizing via the CSS box model.
- SVG-Based Vector Rendering - Displays scalable vector graphics by embedding inline SVG data directly within the layout.
- Application Lifecycle Management - Coordinates the event loop and windowing system to manage the software execution lifecycle on the host OS.
- Interface Animations - Implements visual transitions and motion effects applied to user interface elements.
- Text Styling - Controls typography through font selection, size, and alignment while managing text wrapping and direction.
- User Interaction Handling - Processes pointer events and text selection settings to control how users interact with interface elements.
- Virtual DOM Reconciliation - Optimizes UI updates by calculating minimal changes between the virtual representation and the rendering engine.
- HTTP Request Handling - Handles network requests to fetch and resolve assets required for visual rendering.
- External Resource Loading - Resolves external dependencies through HTTP, local filesystems, or data URIs to populate rendered documents.
- Remote Data Fetching - Retrieves sub-resources and assets via HTTP or local filesystems to populate the rendered document.
