🍣 Sushi RS

🎬 Demo
| Framework | Live Demo |
|---|---|
| Yew | |
| Dioxus | |
| Leptos |
📜 Intro
Sushi RS is a highly customizable, accessible, and zero-dependency SVG sushi component library for WASM frameworks including Yew, Dioxus, and Leptos.
🤔 Why Use Sushi RS?
- 🎨 Four Shapes:
Circular,Square,Triangular, andOvalsushi silhouettes. - 📷 Two Views:
Top(bird's-eye) andFront(isometric) perspectives. - 🥗 Rich Ingredients: Salmon, Tuna, Avocado, Egg, Caviar, Cucumber, Crab, Shrimp, Mango, Cream Cheese, Wasabi.
- 💥 Exploded View: Deconstructs every component side-by-side with labels and animations.
- 🎀 Top-Edge Decorations: Red/Black Caviar, Sesame, Herbs, Tobiko rings on the rim.
- 🧩 DRY Architecture: A single
src/svg.rsengine powers all three framework adapters. - ♿ WCAG Compliant:
role="img",aria-label,<title>on every SVG group, full keyboard navigation.
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
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 Sushi RS better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
📜 License
Sushi RS is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.