🧩 OpenSASS

🐧 Linux (Recommended) 🪟 Windows
cargo install opensass cargo install opensass
Download Executable File Download .exe File
os -h os -h

🧩 OpenSASS: A CLI tool for downloading reusable OpenSASS components from crates.io and integrating them into your WASM frontend projects.

šŸ“– Table of Contents

šŸš€ Installation

To install the CLI:

cargo install opensass

Or build from source:

git clone https://github.com/opensass/cli.git
cd cli
cargo build --release

✨ Features

  • 🧩 Add OpenSASS component-based crates with a single command.
  • āš™ Automatically updates Cargo.toml with proper features.
  • šŸ” Copies only the src/ files related to the specified feature.

šŸ’” Usage

Yew Usage

os add i18nrs yew

This will:

  • Download the i18nrs crate.
  • Extract files only related to the yew feature.
  • Copy src/ files into your project under a new directory crate_name, in this case i18nrs.
  • Update your Cargo.toml dependencies and lib.rs file.

Dioxus Usage

os add i18nrs dio

Leptos Usage

os add i18nrs lep

🧃 Components

Open SASS offers the following components:

🧩 Component šŸ“¦ Repository šŸ“ Description
accordion-rs ā†•ļø A highly customizable accordion component for WASM frameworks.
alert-rs āš ļø A highly customizable alert component for WASM frameworks.
eld šŸš› ELD Toolkit for WASM frameworks.
i18nrs 🌐 Internationalization (i18n) component for WASM frameworks.
image-rs šŸ–¼ļø Image Component for WASM frameworks.
input-rs šŸ”¤ A highly customizable input component for WASM frameworks.
navbar šŸ” A highly customizable navbar component for WASM frameworks.
radiors šŸŽ›ļø A highly customizable radio buttons component for WASM frameworks.
scroll-rs šŸ–±ļø A highly customizable scroll-to-anywhere component for WASM frameworks.
select-rs šŸ”½ A highly customizable select group component for WASM frameworks.
sidebar šŸ—ƒļø A sidebar component for WASM frameworks.
skeleton-rs 🦓 A skeleton component for WASM frameworks.
table-rs šŸ“‹ Table component for WASM frameworks.

And much more coming over time...

⚔ Benchmark

āÆ time yes | npx shadcn@latest add accordion
npx shadcn@latest add accordion  8.98s user 4.85s system 90% cpu 15.279 total
āÆ time os add accordion-rs yew
os add accordion-rs yew  0.16s user 0.02s system 5% cpu 0.2 total

Open SASS CLI is ~56Ɨ faster in user time and uses ~18Ɨ less CPU than shadcn. More optimizations on the way šŸš€.

šŸ¤ Contributions

Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Open SASS better.

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

šŸ“œ License

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

Top categories

Loading Svelte Themes