Skip to main content

Crate sushi_rs

Crate sushi_rs 

Source
Expand description

§🍣 Sushi RS

Crates.io Crates.io Downloads Crates.io License made-with-rust Rust Maintenance

Join our Discord

logo

§🎬 Demo

FrameworkLive Demo
YewNetlify Status
DioxusNetlify Status
LeptosNetlify Status

Β§πŸ“œ 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?

  1. 🎨 Four Shapes: Circular, Square, Triangular, and Oval sushi silhouettes.
  2. πŸ“· Two Views: Top (bird’s-eye) and Front (isometric) perspectives.
  3. πŸ₯— Rich Ingredients: Salmon, Tuna, Avocado, Egg, Caviar, Cucumber, Crab, Shrimp, Mango, Cream Cheese, Wasabi.
  4. πŸ’₯ Exploded View: Deconstructs every component side-by-side with labels and animations.
  5. πŸŽ€ Top-Edge Decorations: Red/Black Caviar, Sesame, Herbs, Tobiko rings on the rim.
  6. 🧩 DRY Architecture: A single src/svg.rs engine powers all three framework adapters.
  7. β™Ώ 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.

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix.
  3. 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.

Re-exportsΒ§

pub use common::Ingredient;
pub use common::IngredientMeta;
pub use common::NORI_COLOR;
pub use common::RICE_COLOR;
pub use common::SushiData;
pub use common::SushiOuterSheet;
pub use common::SushiShape;
pub use common::SushiSize;
pub use common::SushiState;
pub use common::SushiView;
pub use common::TopEdgeDecoration;
pub use common::TopEdgeType;
pub use common::describe_arc;
pub use common::ingredient_meta;
pub use common::ingredient_texture_id;
pub use common::polar_to_cart;
pub use svg::render_sushi;

ModulesΒ§

common
dioxusdio
🧬 Sushi RS Dioxus Usage
leptoslep
🌱 Sushi RS Leptos Usage
svg
yewyew
🍣 Sushi RS Yew Usage