Hey Rustacean 👋
Let's play a little game: Imagine you're deep in the weeds building a shiny new frontend app. You've got your Rust + WASM stack humming, your Dioxus components are crisp, and your state management is so clean it practically sparkles. But then... the inevitable happens:
You need a dropdown. Or an accordion. Or a form layout. You google for 45 minutes, copy-paste something from five different GitHub gists, fight with some Tailwind utility class monsters, and then... you cry softly into your keyboard.
We've all been there. Ferris too 🦀.
That's exactly why we built Open SASS Kit: your new best friend in the chaos of web UI.
🧰 What Is It?
Open SASS Kit is not just a toolkit. It's not just a component library. It's not even just a CLI. It's the centralized home for open, reusable, modular Open SASS style components, handcrafted for modern web apps, and especially for our beloved WASM world. Think of it as the Wikipedia of Open SASS UI components.
We're talking framework-agnostic, no-bloat, plug-and-play components that work with:
- Tailwind
- Bootstrap
- Bulma
- Foundation
- Plain ol' vanilla CSS
- Or your own secret in-house monstrosity that you definitely promise to refactor "later"
🎨 But, Why?
Let's just say it: CSS frameworks are great... until they're not. You're either locked into a giant opinionated stack or stuck rewriting the same "responsive card" component 23 times per project. Open SASS Kit lets you break free.
- 🧩 Modular components: Import only what you need. Keep your bundle tight and your sanity intact.
- 🔁 Composable & reusable: Components that don't fight back. Write once, use forever.
- ⚙️ Powerful CLI: Want to scaffold an accordion in your Yew project? One command.
os add accordion-rs yew. Done. - 🌐 WASM-ready: Native support for Rust + WASM frontend stacks like Yew, Dioxus, and Leptos.
- 🧼 No vendor lock-in: Use with any CSS framework. Or none. Your stack, your rules.
It's like Tailwind UI and Bootstrap had a baby, and then raised it with Rustacean values: freedom, composability, and just a touch of healthy minimalism.
⚡ How It Works?
You start by installing the CLI:
cargo install opensass Then you grab a component:
os add accordion-rs yew That's it. No boilerplate. No duct-tape. The CLI does the file generation, wiring, and styling integration for you. And yes, it actually works.
Under the hood, Open SASS Kit is powered by carefully crafted, lightweight Open SASS style components that are fully compatible with the latest Rust-based frontend frameworks. And because it's fully open, you can tweak, extend, or fork to your heart's content. Add some dark mode. Replace our icons with your favorite set of crabs. Make it your own 🦀.
📚 A Living Library of Components
At its core, Open SASS Kit is more than a toolkit, it's a growing centralized catalog. Every component we add is carefully documented, versioned, and designed to be useful across stacks.
It's not just for Rust folks (though let's be honest, we do have the best taste). It's for anyone tired of bloated UI kits, rigid frameworks, or reinventing the same dang dropdowns.
Our goal is to make Open SASS the universal toolkit for modern web projects, the one place where you can explore everything available, pick what you need, and get on with shipping actual features.
TL;DR: No more scrolling through 20 Medium articles to style a button. Just run
os add accordion-rs yew, and keep moving.
🧪 Built for WASM Frameworks
We know where the future's headed, and it's full of wasm32-unknown-unknown targets. That's why every Open SASS component plays beautifully with:
Each component comes with integration examples and sensible defaults.
🤝 Join the Party
We're building Open SASS Kit with the community, not just for it. That means:
- Found a bug? Tell us.
- Got a better version of a component? PR it.
- Built something awesome with Open SASS? Show it off in our Discord.
Contributing is simple:
- Fork the repo
- Create a branch (
feature/my-awesome-component) - Submit a pull request
Bonus points if you name your branch something like fix/ferris-got-stuck-in-the-carousel.
📈 This Kit Is Just Getting Started
Open SASS Kit is still young, but it's growing fast, like Ferris after a long nap and four cups of espresso. New components are being added regularly. Docs are being improved. The CLI is evolving. In other words: now's the best time to get involved. Whether you're a grizzled Rustacean, a newbie web dev, or just someone who wants to stop styling buttons manually, Open SASS Kit has something for you.
🎤 Final Thoughts
Look, building modern UIs shouldn't feel like assembling IKEA furniture in the dark, with no instructions, and a screaming crab on your shoulder. With Open SASS Kit, it doesn't have to. We're giving you the tools to move fast, build confidently, and never write the same accordion component twice. Ever again. So stop scrolling through old Gists. Stop fighting your CSS framework. Start building like you mean it, with a toolkit that's actually on your side.
🪄 Open SASS Kit
📜 Introduction
Open SASS Kit is a modular toolkit for building fast, modern, and framework-agnostic web applications. Launching a new project or improving an existing one? Open SASS gives you the tools to scale with composable components, powerful CLI tooling, and full freedom from CSS framework lock-in.
🎯 Why Use Open SASS?
- 🎨 CSS-Framework Agnostic: Works seamlessly with Tailwind, Bootstrap, Bulma, etc, or just plain CSS.
- 🧩 Modular Components: Import only what you need. No bloat, just the essentials.
- 🔁 Reusable & Composable: Write once, use everywhere across projects.
- ⚙️ CLI Tooling: Scaffold projects in seconds with our Open SASS CLI.
- 🌐 WASM-Ready: Built for modern Rust + WebAssembly stacks like Yew, Dioxus, and Leptos.
📦 Installation
Install the CLI globally using Cargo:
cargo install opensass Then import a new component:
os add accordion-rs yew 💡 The CLI will automatically…
We are Open SASS, babe!.
We're working tirelessly on making Rust web development extremely easy for everyone.
If you made it this far, it would be nice if you could join us on Discord.
Till next time 👋!
Top comments (4)
This looks awesome! Has anyone tried Open SASS Kit with their own Rust frontend stack yet? Would love to hear how it fit into your workflow or any tips for integrating with different frameworks. Share your experiences!
Thanks for the enthusiasm! It's still early days, but we're cooking up delicious components for the WASM era. Hope you like it and the direction the project is currently heading to. We'd love to know about developers' experiences using these components as well!
Stick around, cool things are coming 😎!
Pretty cool seeing Rust frontend stuff get more polished - always makes me wonder what actually keeps a tool like this alive and sharp as time goes on. Habits? Luck? Or is it all just about showing up every week?
Thanks! Honestly, the MDN documentation is incredibly inspiring, not just for the depth of knowledge it offers, but also for how clearly and thoughtfully it's organized. It's a real model of what great technical writing should be.
And the Rust community? Absolutely amazing. It's full of humble, bumble, and thoughtful developers who are always eager to help, share insights, and push the boundaries of what's possible. Their collaborative spirit and passion for learning make it one of the most welcoming and forward-thinking tech communities in the wild.
Till next time 👋!