Expand description
§🎬 Demo
| Framework | Live Demo |
|---|---|
| Yew | |
| Dioxus | |
| Leptos |
§📜 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:
- 🚀 Performance Optimized: Smart lazy loading with
IntersectionObserverand fallback strategies. - 🎨 Advanced Layouts: Responsive, Fill, Intrinsic, Fixed, Stretch, and ScaleDown layouts.
- 🧩 Accessibility First: Full ARIA attribute support to build inclusive UIs.
- ⚡ Interactive Events: Callbacks for loading completion and error handling.
- 🖼️ 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
Refer to our guide to integrate this component into your Dioxus app.
§🌱 Leptos Usage
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.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- 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.
Re-exports§
pub use common::AriaLive;pub use common::AriaPressed;pub use common::CrossOrigin;pub use common::Decoding;pub use common::FetchPriority;pub use common::Layout;pub use common::Loading;pub use common::ObjectFit;pub use common::Position;pub use common::ReferrerPolicy;