image-rs
| Crates.io | image-rs |
| lib.rs | image-rs |
| version | 0.1.1 |
| created_at | 2025-04-26 17:02:05.698235+00 |
| updated_at | 2025-05-05 11:38:08.077979+00 |
| description | 🖼️ A highly customizable and optimized image component for WASM frameworks like Yew, Dioxus, and Leptos. |
| homepage | |
| repository | https://github.com/opensass/image-rs |
| max_upload_size | |
| id | 1650428 |
| size | 245,698 |
Mahmoud (wiseaidev)
documentation
README
🖼️ Image RS
🎬 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.