#leptos #yew #dioxus #rust

navbar

🍔 A highly customizable navbar component for WASM frameworks like Yew, Dioxus, and Leptos

2 releases

Uses new Rust 2024

new 0.0.2 May 4, 2025
0.0.1 May 1, 2025

#656 in Science

Download history 98/week @ 2025-04-27

98 downloads per month

MIT license

78KB
1.5K SLoC

🍔 Navbar

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 TODO

📜 Intro

Navbar is a fully customizable, responsive navigation bar component for WASM frameworks like Yew, Dioxus, and Leptos. Designed for scalability and flexibility, it supports standard, dropdown, and mega menus, with full styling and ARIA-aware accessibility support.

🤔 Why Use Navbar?

The following features make Navbar a must-have for modern WASM apps:

  1. 🔗 Main, Dropdown, & Mega Menus: Clean struct-based APIs for structured nav items.
  2. 🎨 Customizable Styling: Inline styles or class overrides for every element.
  3. 🔍 Search & CTA Support: Optional search input, profile avatar, and CTA button.
  4. 📱 Mobile Friendly: Responsive layout with hamburger toggle.
  5. 🧑‍🎨 Profile Menu: Easily integrate a dropdown for user profile actions.

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

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

📜 License

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

Dependencies

~8–21MB
~283K SLoC