Skip to content

opensass/image-rs

Repository files navigation

🖼️ Image RS

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

Join our Discord

logo

🎬 Demo

Framework Live Demo
Yew Netlify Status
Dioxus Netlify Status
Leptos Netlify Status

📜 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

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.

  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.