{"id":28260139,"url":"https://github.com/opensass/sidebar","last_synced_at":"2025-06-30T19:33:33.677Z","repository":{"id":219240354,"uuid":"748550214","full_name":"opensass/sidebar","owner":"opensass","description":"🗃️ A sidebar component for WASM frameworks.","archived":false,"fork":false,"pushed_at":"2025-05-12T16:29:35.000Z","size":351,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-17T22:39:56.714Z","etag":null,"topics":["css","dioxus","rust","sidebar","tailwindcss","yew"],"latest_commit_sha":null,"homepage":"https://docs.rs/sidebar","language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/opensass.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-01-26T08:23:57.000Z","updated_at":"2025-05-15T11:57:51.000Z","dependencies_parsed_at":"2024-01-26T15:24:50.637Z","dependency_job_id":"c151bc20-dee4-46ee-9e34-52938fa488ff","html_url":"https://github.com/opensass/sidebar","commit_stats":null,"previous_names":["wiseaidev/yew-sidebar","next-rs/yew-sidebar","opensass/sidebar"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/opensass/sidebar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensass%2Fsidebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensass%2Fsidebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensass%2Fsidebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensass%2Fsidebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/opensass","download_url":"https://codeload.github.com/opensass/sidebar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opensass%2Fsidebar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262838620,"owners_count":23372561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","dioxus","rust","sidebar","tailwindcss","yew"],"created_at":"2025-05-20T04:09:21.496Z","updated_at":"2025-06-30T19:33:33.666Z","avatar_url":"https://github.com/opensass.png","language":"Rust","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# 🗃️ Sidebar\n\n[![Crates.io](https://img.shields.io/crates/v/sidebar)](https://crates.io/crates/sidebar)\n[![Crates.io Downloads](https://img.shields.io/crates/d/sidebar)](https://crates.io/crates/sidebar)\n![Crates.io License](https://img.shields.io/crates/l/sidebar)\n[![made-with-rust](https://img.shields.io/badge/Made%20with-Rust-1f425f.svg?logo=rust\u0026logoColor=white)](https://www.rust-lang.org/)\n[![Rust](https://img.shields.io/badge/Rust-1.85%2B-blue.svg)](https://www.rust-lang.org)\n[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/wiseaidev)\n\n[![Join our Discord](https://dcbadge.limes.pink/api/server/b5JbvHW5nv)](https://discord.gg/b5JbvHW5nv)\n\n\u003c!-- absolute url for docs.rs cause assets is excluded from crate --\u003e\n![logo](https://raw.githubusercontent.com/opensass/sidebar/refs/heads/main/assets/logo.webp)\n\n\u003c/div\u003e\n\n## 🎬 Demo\n\n| Framework | Live Demo |\n| --- | --- |\n| Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/a0efc7e9-f20e-4dd9-93e1-c8f4fde7506f/deploy-status)](https://sidebar-rs.netlify.app) |\n| Dioxus | TODO |\n| Leptos | TODO |\n\n## 📜 Intro\n\nSidebar 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.\n\n## 🤔 Why Use Sidebar?\n\nThese standout features make Sidebar the best choice for any WASM UI:\n\n1. **🎛️ Full Customization**: Every part, menu items, header, logo, profile, layout, is styleable via props.\n1. **🧱 Modular Design**: Use only the pieces you need: `Sidebar`, `Menu`, `MenuItem`, `Submenu`, `Profile`, or `Logo`.\n1. **🔁 Dynamic Interaction**: Update the selected menu item using `UseStateHandle` or attach `on_logout` handlers.\n1. **🧩 Composable**: Nest submenus, inject icons, or toggle visibility based on context.\n1. **📐 Accessible UI**: Designed with screen readers in mind.\n\n## Yew Usage\n\n\u003c!-- absolute url for docs.rs cause YEW.md is not included in crate --\u003e\nRefer to [our guide](https://github.com/opensass/sidebar/blob/main/YEW.md) to integrate this component into your Yew app.\n\n## 🧬 Dioxus Usage (TODO)\n\n\u003c!-- absolute url for docs.rs cause DIOXUS.md is not included in crate --\u003e\nRefer to [our guide](https://github.com/opensass/sidebar/blob/main/DIOXUS.md) to integrate this component into your Dioxus app.\n\n## 🌱 Leptos Usage (TODO)\n\n\u003c!-- absolute url for docs.rs cause LEPTOS.md is not included in crate --\u003e\nRefer to [our guide](https://github.com/opensass/sidebar/blob/main/LEPTOS.md) to integrate this component into your Leptos app.\n\n## 🤝 Contributions\n\nContributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Sidebar better.\n\n1. Fork the repository.\n1. Create a new branch for your feature/bugfix.\n1. Submit a pull request for review.\n\n## 📜 License\n\nSidebar is licensed under the [MIT License](LICENSE). You are free to use, modify, and distribute this library in your projects.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopensass%2Fsidebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopensass%2Fsidebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopensass%2Fsidebar/lists"}