#yew #dioxus #leptos

sidebar

🗃️ A highly customizable sidebar component for WASM frameworks like Yew, Dioxus, and Leptos

1 unstable release

Uses new Rust 2024

new 0.0.1 May 2, 2025

#156 in #dioxus

Download history 82/week @ 2025-04-27

82 downloads per month

MIT license

38KB
378 lines

🗃️ Sidebar

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 TODO
Leptos TODO

📜 Intro

Sidebar is a highly optimized, feature-rich sidebar component built for WASM-based frameworks like Yew, Dioxus, and Leptos. It supports nested menus, user profiles, collapsibility, submenus, badges, and full styling control.

🤔 Why Use Sidebar?

These standout features make Sidebar the best choice for any WASM UI:

  1. 🎛️ Full Customization: Every part, menu items, header, logo, profile, layout, is styleable via props.
  2. 🧱 Modular Design: Use only the pieces you need: Sidebar, Menu, MenuItem, Submenu, Profile, or Logo.
  3. 🔁 Dynamic Interaction: Update the selected menu item using UseStateHandle or attach on_logout handlers.
  4. 🧩 Composable: Nest submenus, inject icons, or toggle visibility based on context.
  5. 📐 Accessible UI: Designed with screen readers in mind.

Yew Usage

Refer to our guide to integrate this component into your Yew app.

🧬 Dioxus Usage (TODO)

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 Sidebar better.

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

📜 License

Sidebar is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.

Dependencies

~7–20MB
~284K SLoC