@jansherameer/luma-css NPM

Luma CSS

A modern, lightweight utility-first CSS framework designed for rapid web development. Luma CSS provides a comprehensive set of utility classes for layout, spacing, typography, and components while maintaining a minimal footprint.

Features

🎨 Comprehensive Utilities: Extensive set of utility classes for layout, spacing, and typography
📱 Responsive Design: Built-in responsive utilities for all screen sizes
🚀 Lightweight: Minimal file size for optimal performance
🎯 Easy to Use: Simple class-based approach with intuitive naming
🎨 Customizable: Easy to extend and customize to fit your needs
🧩 Component Library: Pre-built components including buttons, cards, and more

Installation

NPM

npm install @jansherameer/luma-css

CDN

Add the following link to your HTML file:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jansherameer/luma-css/luma.css" />

Quick Start

Import the CSS file in your project:

@import '@jansherameer/luma-css/luma.css';

Start using the utility classes in your HTML:

<div class="container">
  <div class="text-center m-1 p-2 bg-light">
    <h1 class="text-primary">Welcome to Luma CSS</h1>
    <p class="text-secondary">A modern utility-first CSS framework</p>
  </div>
</div>