https://github.com/opensass/cli
ð§Đ A CLI to interact with the OpenSASS ecosystem.
https://github.com/opensass/cli
css dioxus leptos next next-rs rust tailwind tailwindcss ui yew
Last synced: 2 months ago
JSON representation
ð§Đ A CLI to interact with the OpenSASS ecosystem.
- Host: GitHub
- URL: https://github.com/opensass/cli
- Owner: opensass
- License: mit
- Created: 2024-01-26T14:04:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-21T22:48:51.000Z (3 months ago)
- Last Synced: 2025-07-23T19:46:18.717Z (3 months ago)
- Topics: css, dioxus, leptos, next, next-rs, rust, tailwind, tailwindcss, ui, yew
- Language: Rust
- Homepage: https://docs.rs/opensass
- Size: 3.12 MB
- Stars: 20
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ð§Đ OpenSASS
[](https://crates.io/crates/opensass)
[](https://crates.io/crates/opensass)
[](https://www.rust-lang.org/)
[](https://www.rust-lang.org)
[](https://github.com/wiseaidev)
[](https://discord.gg/b5JbvHW5nv)
| ð§ Linux `(Recommended)` | ðŠ Windows |
| :----------------------: | :----------------------: |
| `cargo install opensass` | `cargo install opensass` |
| [Download Executable File](https://github.com/opensass/cli/releases/download/v0.0.5/os) | [Download `.exe` File](https://github.com/opensass/cli/releases/download/v0.0.5/os.exe) |
| `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](#-installation)
- [Features](#-features)
- [Usage](#-usage)
- [Components](#-components)
- [Benchmark](#-benchmark)
- [Contributing](#-contributing)
- [License](#-license)
## ð Installation
To install the CLI:
```sh
cargo install opensass
```
Or build from source:
```sh
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
```sh
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
```sh
os add i18nrs dio
```
### Leptos Usage
```sh
os add i18nrs lep
```
## ð§ Components
Open SASS offers the following components:
| ð§Đ Component | ðĶ Repository | ð Description |
|------------------|--------------------------|---------------------|
| `accordion-rs` | [](https://github.com/opensass/accordion-rs) | âïļ A highly customizable accordion component for WASM frameworks. |
| `alert-rs` | [](https://github.com/opensass/alert-rs) | â ïļ A highly customizable alert component for WASM frameworks. |
| `eld` | [](https://github.com/opensass/eld) | ð ELD Toolkit for WASM frameworks. |
| `i18nrs` | [](https://github.com/opensass/i18n-rs) | ð Internationalization (i18n) component for WASM frameworks. |
| `image-rs` | [](https://github.com/opensass/image-rs) | ðžïļ Image Component for WASM frameworks. |
| `input-rs` | [](https://github.com/opensass/input-rs) | ðĪ A highly customizable input component for WASM frameworks. |
| `navbar` | [](https://github.com/opensass/navbar) | ð A highly customizable navbar component for WASM frameworks. |
| `radiors` | [](https://github.com/opensass/radio-rs) | ðïļ A highly customizable radio buttons component for WASM frameworks. |
| `scroll-rs` | [](https://github.com/opensass/scroll-rs) | ðąïļ A highly customizable scroll-to-anywhere component for WASM frameworks. |
| `select-rs` | [](https://github.com/opensass/select-rs) | ð― A highly customizable select group component for WASM frameworks. |
| `sidebar` | [](https://github.com/opensass/sidebar) | ðïļ A sidebar component for WASM frameworks. |
| `skeleton-rs` | [](https://github.com/opensass/skeleton-rs) | ðĶī A skeleton component for WASM frameworks. |
| `slider-rs` | [](https://github.com/opensass/slider-rs) | ðïļ A slider component for WASM frameworks. |
| `table-rs` | [](https://github.com/opensass/table-rs) | ð Table component for WASM frameworks. |
| `theme` | [](https://github.com/opensass/theme) | ðĻ A highly customizable theming system for WASM frameworks. |
And much more coming over time...
## ⥠Benchmark
```sh
âŊ time yes | npx shadcn@latest add accordion
npx shadcn@latest add accordion 8.98s user 4.85s system 90% cpu 15.279 total
```
```sh
âŊ 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.
1. Create a new branch for your feature/bugfix.
1. Submit a pull request for review.
## ð License
Open SASS is licensed under the [MIT License](LICENSE). You are free to use, modify, and distribute this library in your projects.