Crate dioxus_ui_system 

Dioxus UI System

A pure Rust design system for Dioxus with Atomic Design principles.

Features

• Atomic Design Architecture: Components organized as Atoms, Molecules, and Organisms
• Type-Safe Theming: Comprehensive theme system with light/dark/brand modes
• Pure Rust Styling: No CSS files - all styles generated in Rust
• Tailwind-like API: Fluent style builder for rapid UI development
• Multi-Platform: Works on Web (WASM), Desktop, and Mobile

Quick Start

use dioxus_ui_system::prelude::*;

fn App() -> Element {
    rsx! {
        ThemeProvider {
            Card {
                CardHeader { title: "Welcome" }
                CardContent {
                    Button {
                        variant: ButtonVariant::Primary,
                        "Click me"
                    }
                }
            }
        }
    }
}

Re-exports

pub use config::*;

pub use styles::*;

pub use theme::*;

Modules

atoms

Atomic Design: Atoms

config

Component configuration system

molecules

Atomic Design: Molecules

organisms

Atomic Design: Organisms

prelude

Prelude module for convenient imports Convenient re-exports for common types

styles

Styling system for Dioxus UI

theme

Theme system for Dioxus UI

Macros

config_or_default

Helper macro to get config value or default

cx

Utility macro for conditional class composition

style_if

Utility macro for conditional styles