dioxus-three 0.0.2

A Three.js 3D model viewer for Dioxus - supports Desktop, Web (WASM), and Mobile
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

//! Desktop implementation of ThreeView using WebView iframe

use crate::{generate_three_js_html, ThreeViewProps};
use dioxus::prelude::*;

/// A Three.js 3D viewer component for Dioxus Desktop
///
/// Uses a WebView iframe to render the Three.js scene.
/// Supports all features including multiple models, shaders, and animations.
#[component]
pub fn ThreeView(props: ThreeViewProps) -> Element {
    let html = generate_three_js_html(&props);

    rsx! {
        iframe {
            class: "{props.class}",
            style: "width: 100%; height: 100%; border: none;",
            srcdoc: "{html}",
        }
    }
}