acrylic-web 0.2.1

🎨 acrylic

This is a work-in-progress, easily portable, small, web-inspired user interface toolkit.

🪂 Features

• feels familiar to web developers
• support for templating
• frame + pixel perfect
• input API designed for improved accessibility
• pure and safe rust
• everything supported under no_std

🏗️ Progress (core crate)

• ☑ XML parsing
• ☑ flexbox-like layout
• ☑ textual nodes
• ☑ PNG images
• ☑ round containers
• ☑ input events
• ☑ event handlers
• ☑ full no_std support
• ☐ text editing
• ☐ scrolling
• ☐ rich text
• ☐ external links
• ☐ video playback
• ☐ sound playback

🪀 Live Demos

• https://l0.pm/acrylic/

more coming soon!

🧱 Supported platforms

⚡️ Quickstart

Project structure:

.
├── Cargo.toml
├── assets
│   ├── ferris.png
│   └── default.xml
└── src
    └── app.rs

An asset: ferris.png

You can get it here

The view layout: default.xml

<x rem="1" style="default">
    <inflate />
    <y fixed="400" gap="10">
        <inflate />
        <png src="ferris.png" />
        <x fixed="40" gap="10">
            <inflate />
            <p txt="Rust rocks!" />
            <inflate />
        </x>
        <inflate />
    </y>
    <inflate />
</x>

The code: app.rs

use platform::app;
use platform::log;
use acrylic::app::Application;
use acrylic::xml::ViewLoader;

app!("assets/", {
    let loader = ViewLoader::new("default.xml");
    Application::new(log, (), loader)
});

The manifest: Cargo.toml

[package]
name = "my-app"
version = "0.1.0"
edition = "2021"

[lib]
crate-type = [ "cdylib" ]
path = "src/app.rs"

[dependencies]
acrylic = "0.2.0"

# building for the web
platform = { package = "acrylic-web", version = "0.2.0" }

Building

cargo build --target wasm32-unknown-unknown

Then open http://localhost:8080/#release

Expected Result

☕ Contact & Contributions

Contact

You can contact me via email or on Discord: bitsneak#1889.

You can use these for any question regarding this project.

Contributions

We gladly accept all contributions via Github PRs.

If you contribute rust code, please put all dependencies behind features; adding tens of dependencies to this crate or another one of this project might be a reason for not merging your PR.

👉 See Also

• egui
• slint

🕯️ License

• MIT for the code
• SIL Open Font License for the embedded Noto Font