#wasm-component #front-end #cli

build opensass

ðŸ§Đ A CLI to interact with the OpenSASS ecosystem

6 releases

Uses new Rust 2024

0.0.6 Jun 3, 2025
0.0.5 Apr 28, 2025

#584 in WebAssembly

30 downloads per month

MIT license

25KB
348 lines

ðŸ§Đ OpenSASS

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

Join our Discord

logo

🐧 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 GitHub ↕ïļ A highly customizable accordion component for WASM frameworks.
alert-rs GitHub ⚠ïļ A highly customizable alert component for WASM frameworks.
eld GitHub 🚛 ELD Toolkit for WASM frameworks.
i18nrs GitHub 🌐 Internationalization (i18n) component for WASM frameworks.
image-rs GitHub 🖞ïļ Image Component for WASM frameworks.
input-rs GitHub ðŸ”Ī A highly customizable input component for WASM frameworks.
navbar GitHub 🍔 A highly customizable navbar component for WASM frameworks.
radiors GitHub 🎛ïļ A highly customizable radio buttons component for WASM frameworks.
scroll-rs GitHub ðŸ–ąïļ A highly customizable scroll-to-anywhere component for WASM frameworks.
select-rs GitHub ðŸ”― A highly customizable select group component for WASM frameworks.
sidebar GitHub 🗃ïļ A sidebar component for WASM frameworks.
skeleton-rs GitHub ðŸĶī A skeleton component for WASM frameworks.
slider-rs GitHub 🎚ïļ A slider component for WASM frameworks.
table-rs GitHub 📋 Table component for WASM frameworks.
theme GitHub ðŸŽĻ A highly customizable theming system 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.

Dependencies

~16–32MB
~495K SLoC