| Framework | Live Demo |
|---|---|
| Yew | |
| Dioxus | TODO |
| Leptos | TODO |
Skeleton RS is a lightweight, highly customizable loading placeholder component for WASM-based UI frameworks like Yew, Dioxus, and Leptos. It helps deliver a smooth loading experience with animated placeholders, responsive sizing, and fine-grained visibility control using IntersectionObserver.
The following features make Skeleton RS an essential building block for modern frontend apps built with Rust and WebAssembly:
- ✨ Smooth UX: Mimics content structure while loading, avoiding layout shifts.
- 👁️ Animate on Visibility: Supports visibility-based animations using
IntersectionObserver. - 🎛️ Fully Customizable: Control height, width, border radius, animation style, and more.
- 📱 Responsive Ready: Automatically adapts to screen sizes when enabled.
- ⏳ Delay-Aware Rendering: Prevents unnecessary skeleton flashes using
delay_ms.
Refer to our guide to integrate this component into your Yew app.
Refer to our guide to integrate this component into your Dioxus app.
Refer to our guide to integrate this component into your Leptos app.
Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Skeleton RS better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
Skeleton RS is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.