🧩 OpenSASS

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

📖 Table of Contents

• Installation
• Features
• Usage
• Components
• Benchmark
• Contributing
• License

🚀 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	📦 GitHub 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.
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.

And much more coming over time...

⚡ Benchmark

❯ time npx shadcn@latest add accordion
5.93s user 2.22s system 93% cpu

❯ time os add accordion-rs yew
0.17s user 0.02s system 6% cpu

Open SASS CLI is ~50× faster and uses ~15× 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.