#yew #leptos #dioxus #rust

image-rs

🖼️ A highly customizable and optimized image component for WASM frameworks like Yew, Dioxus, and Leptos

1 unstable release

Uses new Rust 2024

new 0.0.1 Apr 26, 2025

#171 in #dioxus

45 downloads per month

MIT license

48KB
579 lines

🖼️ Image RS

Crates.io Crates.io Downloads Crates.io License made-with-rust Rust Maintenance

Join our Discord

logo

🎬 Demo

image-rs-demo

Framework Live Demo
Yew Netlify Status
Dioxus TODO
Leptos TODO

📜 Intro

Image RS is a highly optimized, feature-rich image component built for WASM-based frameworks like Yew, Dioxus, and Leptos. It offers lazy loading, blur-up placeholders, fallback image handling, responsive layouts, and full ARIA accessibility.

🤔 Why Use Image RS?

The following features make Image RS a must-have for modern WASM apps:

  1. 🚀 Performance Optimized: Smart lazy loading with IntersectionObserver and fallback strategies.
  2. 🎨 Advanced Layouts: Responsive, Fill, Intrinsic, Fixed, Stretch, and ScaleDown layouts.
  3. 🧩 Accessibility First: Full ARIA attribute support to build inclusive UIs.
  4. ⚡ Interactive Events: Callbacks for loading completion and error handling.
  5. 🖼️ Visual Enhancements: Blur placeholders and fallback images for seamless loading UX.

Yew Usage

Refer to our guide to integrate this component into your Yew app.

🧬 Dioxus Usage (TODO)

Refer to our guide to integrate this component into your Dioxus app.

🌱 Leptos Usage (TODO)

Refer to our guide to integrate this component into your Leptos app.

🤝 Contributions

Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Image RS better.

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix.
  3. Submit a pull request for review.

📜 License

Image RS is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.

Dependencies

~8–21MB
~308K SLoC