Crate skeleton_rs

🦴 Skeleton RS

🎬 Demo

Framework	Live Demo
Yew
Dioxus
Leptos	TODO

📜 Intro

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.

🤔 Why Use Skeleton RS?

The following features make Skeleton RS an essential building block for modern frontend apps built with Rust and WebAssembly:

1. ✨ Smooth UX: Mimics content structure while loading, avoiding layout shifts.
2. 👁️ Animate on Visibility: Supports visibility-based animations using IntersectionObserver.
3. 🎛️ Fully Customizable: Control height, width, border radius, animation style, and more.
4. 📱 Responsive Ready: Automatically adapts to screen sizes when enabled.
5. ⏳ Delay-Aware Rendering: Prevents unnecessary skeleton flashes using delay_ms.

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 (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 Skeleton RS better.

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

📜 License

Skeleton 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::Animation;

pub use common::Direction;

pub use common::Theme;

pub use common::Variant;

Modules

common

dioxusdio

🧬 Skeleton RS Dioxus Usage

leptoslep

yewyew

Y Skeleton RS Yew Usage