Rusc is a lightweight, utility-first CSS framework built for speed and simplicity.
Use Rusc to quickly build beautiful UIs without writing custom CSS!
Add this line inside your <head> in your HTML file:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/williampepple1/rusc/dist/output.css">
✅ Done! Now you can start using Rusc utility classes in your HTML.
You can now use Rusc utility classes like:
<h1 class="text-3xl text-red-500 font-bold underline">
Hello World!
</h1>
<p class="mt-4 text-green-400">
This paragraph is styled using Rusc CSS utilities.
</p>
✅ Supports:
bg-red-100, bg-blue-500, etc.)text-green-400, etc.)p-4, m-2, etc.)text-2xl, font-bold, font-light, etc.)hover:bg-red-300, focus:text-blue-500, active:bg-green-400)dark:bg-black, dark:text-white)sm:, md:, lg:, etc.)bg-gradient-to-r, from-red-400, to-blue-500, etc.)In your React project (e.g., in index.html or public/index.html), add the CDN link inside the <head>:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/williampepple1/rusc/dist/output.css">
Or you can add it manually inside your index.css with:
@import url('https://cdn.jsdelivr.net/gh/williampepple1/rusc/dist/output.css');
Then use it as normal:
export default function App() {
return (
<div className="p-8 bg-blue-100 min-h-screen">
<h1 className="text-4xl font-bold text-red-500">Hello Rusc!</h1>
<p className="mt-4 text-green-500">Let's build something great.</p>
</div>
);
}
install it using
npm i rusc
Found a bug?
Want to add more utilities?
Feel free to fork the repo and submit a pull request!
This project is licensed under the MIT License — free to use and modify.
FAQs
A utility-first CSS framework generated with Rust
The npm package rusc receives a total of 18 weekly downloads. As such, rusc popularity was classified as not popular.
We found that rusc demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Open source maintainers are urging GitHub to let them block Copilot from submitting AI-generated issues and pull requests to their repositories.
Research
Security News
Malicious Koishi plugin silently exfiltrates messages with hex strings to a hardcoded QQ account, exposing secrets in chatbots across platforms.
Research
Security News
Malicious PyPI checkers validate stolen emails against TikTok and Instagram APIs, enabling targeted account attacks and dark web credential sales.