Utility-First • rs- Prefixed • Lightweight

Build modern UI faster with RS- klass CSS

A lightweight utility-first CSS framework with clean, reusable, and conflict-free classes like rs-bg-blue, rs-p-4, and rs-rounded.

Install Now View Components

Namespace Safe

rs- Prefix

Built For

Fast UI

Style

Minimal & Clean

<button class="rs-btn rs-btn-primary"> Install RS-Klass CSS </button>

Live Preview

Built using rs- classes only

Why RS-Klass CSS?

Small, clean, and perfect for building fast UI systems.

Prefixed Utilities

All classes use the rs- prefix to avoid conflicts with Tailwind, Bootstrap, or your custom CSS architecture.

Component Friendly

Build cards, buttons, typography blocks, badges, and layouts quickly with reusable utility classes.

Lightweight & Fast

A minimal utility system that focuses on practical classes for real-world UI building.

Component Showcase

Every component below is built using RS utility classes.

Card

Modern Card UI

Reusable card layout with spacing, borders, radius, and shadow utilities.

Buttons

Button Variants

Build consistent actions with reusable button classes.

Typography

Heading XL

Base text for paragraphs and UI content.

Small helper text with semantic styling.

Pricing Card Example

A simple pricing block built with rs-spacing, rs-text, and rs-button utilities.

$19/month

✔ Utility classes
✔ Components
✔ Responsive layout

Code Snippet

<div class="rs-card"> <h3 class="rs-text-lg rs-font-semibold">Card</h3> <p class="rs-text-gray">Built with rs- classes</p> </div>

Color Palette

A simple utility palette for fast UI styling.

rs-bg-blue

#a78bfa

rs-bg-green

#86efac

rs-bg-purple

#c4b5fd

rs-bg-pink

#f9a8d4

rs-bg-yellow

#fde68a

rs-bg-red

#fca5a5

rs-bg-black

#3b2f4a

rs-bg-white

#ffffff

Install RitKlass CSS

Start building fast with prefixed utility classes.

npm install rs-klass-css

<button class="rs-bg-blue rs-text-white rs-px-6 rs-py-3 rs-rounded rs-font-semibold"> Hello RS-Klass </button>

Install Package View Documentation