fission-render
v0.10.0
Renderer trait and display-list conversion layer for Fission
Install
cargo add fission-render
Copy
Platform support
Declared by the crate author and captured when this directory was generated.
Android
Supported
iOS
Supported
Linux
Supported
macOS
Supported
Windows
Supported
Web
Supported
Terminal
Not declared
Static site
Not declared
Server-rendered
Not declared
Package metadata
crates.io
View package
Documentation
Not provided
Repository
Open link
License
MIT
Latest version
0.10.0
Downloads
1285
Last updated
2026-08-02T15:15:49.908480Z
Categories
gui
graphics
rendering
Keywords
cross-platform
display-list
fission
gpu-accelerated
rendering
Published versions
0.10.0
0.9.2
0.9.1
0.9.0
0.8.0
0.7.0
0.6.3
0.6.2
0.6.1
0.6.0
0.5.1
0.5.0
Dependencies
Dependency metadata is not indexed yet.
README
fission-render
Display list and rendering abstraction for the Fission UI framework.
What is this?
fission-render sits at the end of the Fission pipeline. After the widget tree
has been compiled to an IR and the layout engine has positioned every node, the
framework flattens the result into a [DisplayList] -- an ordered sequence of
[DisplayOp] commands that describe exactly what to draw and in what order.
Platform backends implement the [Renderer] trait to consume a display list and
produce pixels using whatever GPU or software rasterizer is available (Metal,
Vulkan, wgpu, Skia, etc.).
Core concepts
Type | Purpose |
|---|---|
[DisplayList] | An ordered list of [DisplayOp]s plus the bounding rectangle of the scene. |
[DisplayOp] | A single rendering command: draw a rect, draw text, clip, save/restore state, etc. |
[Renderer] | Trait that platform backends implement to turn a display list into pixels. |
[Color] | RGBA color with 8-bit channels. |
[TextStyle] | Font size, color, underline, and optional background highlight. |
[TextRun] | A run of text with a uniform style -- the building block of rich text. |
[Fill] | A solid color fill. |
[Stroke] | A colored stroke with a line width. |
[BoxShadow] | Shadow parameters: color, blur radius, and offset. |
[ImageFit] | How an image scales to fit its layout box (contain, cover, fill, or none). |
Display operations
The display list uses a save/restore stack model (like HTML Canvas or CoreGraphics):
•
Save / Restore -- push and pop the current graphics state.
•
ClipRect / ClipRoundedRect -- restrict drawing to a rectangle.
•
Translate / Transform -- move or apply a 4x4 matrix to the coordinate space.
•
DrawRect -- fill and/or stroke a rectangle with optional rounded corners and shadow.
•
DrawText -- draw a single-style text string.
•
DrawRichText -- draw multi-style text composed of [TextRun]s.
•
DrawImage -- draw an image from a source URI.
•
DrawPath -- draw an SVG-style path string.
•
DrawSvg -- draw inline SVG content.
•
DrawSurface -- blit an external surface (video, embedded web view, etc.).
Quick example
use fission_render::*;
let bounds = LayoutRect::new(0.0, 0.0, 800.0, 600.0);
let mut list = DisplayList::new(bounds);
// Draw a blue rectangle with rounded corners
list.push(DisplayOp::DrawRect {
rect: LayoutRect::new(10.0, 10.0, 200.0, 100.0),
fill: Some(Fill { color: Color { r: 0, g: 100, b: 255, a: 255 } }),
stroke: None,
corner_radius: 8.0,
shadow: None,
bounds: LayoutRect::new(10.0, 10.0, 200.0, 100.0),
node_id: None,
});
// A backend would consume the list like this:
// renderer.render(&list).unwrap();
Implementing a backend
use fission_render::{Renderer, DisplayList, DisplayOp};
struct MyGpuRenderer { /* ... */ }
impl Renderer for MyGpuRenderer {
fn render(&mut self, display_list: &DisplayList) -> anyhow::Result<()> {
for op in &display_list.ops {
match op {
DisplayOp::DrawRect { rect, fill, .. } => { /* draw with your GPU */ }
DisplayOp::DrawText { text, position, size, color, .. } => { /* shape & rasterize */ }
// ... handle all variants
_ => {}
}
}
Ok(())
}
}
License
MIT
README
fission-render
Display list and rendering abstraction for the Fission UI framework.
What is this?
fission-render sits at the end of the Fission pipeline. After the widget tree
has been compiled to an IR and the layout engine has positioned every node, the
framework flattens the result into a [DisplayList] -- an ordered sequence of
[DisplayOp] commands that describe exactly what to draw and in what order.
Platform backends implement the [Renderer] trait to consume a display list and
produce pixels using whatever GPU or software rasterizer is available (Metal,
Vulkan, wgpu, Skia, etc.).
Core concepts
Type | Purpose |
|---|---|
[DisplayList] | An ordered list of [DisplayOp]s plus the bounding rectangle of the scene. |
[DisplayOp] | A single rendering command: draw a rect, draw text, clip, save/restore state, etc. |
[Renderer] | Trait that platform backends implement to turn a display list into pixels. |
[Color] | RGBA color with 8-bit channels. |
[TextStyle] | Font size, color, underline, and optional background highlight. |
[TextRun] | A run of text with a uniform style -- the building block of rich text. |
[Fill] | A solid color fill. |
[Stroke] | A colored stroke with a line width. |
[BoxShadow] | Shadow parameters: color, blur radius, and offset. |
[ImageFit] | How an image scales to fit its layout box (contain, cover, fill, or none). |
Display operations
The display list uses a save/restore stack model (like HTML Canvas or CoreGraphics):
•
Save / Restore -- push and pop the current graphics state.
•
ClipRect / ClipRoundedRect -- restrict drawing to a rectangle.
•
Translate / Transform -- move or apply a 4x4 matrix to the coordinate space.
•
DrawRect -- fill and/or stroke a rectangle with optional rounded corners and shadow.
•
DrawText -- draw a single-style text string.
•
DrawRichText -- draw multi-style text composed of [TextRun]s.
•
DrawImage -- draw an image from a source URI.
•
DrawPath -- draw an SVG-style path string.
•
DrawSvg -- draw inline SVG content.
•
DrawSurface -- blit an external surface (video, embedded web view, etc.).
Quick example
use fission_render::*;
let bounds = LayoutRect::new(0.0, 0.0, 800.0, 600.0);
let mut list = DisplayList::new(bounds);
// Draw a blue rectangle with rounded corners
list.push(DisplayOp::DrawRect {
rect: LayoutRect::new(10.0, 10.0, 200.0, 100.0),
fill: Some(Fill { color: Color { r: 0, g: 100, b: 255, a: 255 } }),
stroke: None,
corner_radius: 8.0,
shadow: None,
bounds: LayoutRect::new(10.0, 10.0, 200.0, 100.0),
node_id: None,
});
// A backend would consume the list like this:
// renderer.render(&list).unwrap();
Implementing a backend
use fission_render::{Renderer, DisplayList, DisplayOp};
struct MyGpuRenderer { /* ... */ }
impl Renderer for MyGpuRenderer {
fn render(&mut self, display_list: &DisplayList) -> anyhow::Result<()> {
for op in &display_list.ops {
match op {
DisplayOp::DrawRect { rect, fill, .. } => { /* draw with your GPU */ }
DisplayOp::DrawText { text, position, size, color, .. } => { /* shape & rasterize */ }
// ... handle all variants
_ => {}
}
}
Ok(())
}
}
License
MIT
Package metadata
crates.io
View package
Documentation
Not provided
Repository
Open link
License
MIT
Latest version
0.10.0
Downloads
1285
Last updated
2026-08-02T15:15:49.908480Z
Categories
gui
graphics
rendering
Keywords
cross-platform
display-list
fission
gpu-accelerated
rendering
Published versions
0.10.0
0.9.2
0.9.1
0.9.0
0.8.0
0.7.0
0.6.3
0.6.2
0.6.1
0.6.0
0.5.1
0.5.0
Dependencies
Dependency metadata is not indexed yet.