GitHub NPM

A lightweight, utility-first CSS framework.

Current Version: unknown

Documentation

Typography

Headings, paragraphs, text markup, and lists.

Layout

Flexbox utilities, 12-column grid, and responsive breakpoints.

Borders & Spacing

Borders, border radius, padding, margins, and negative margins.

Inputs

Text inputs, labels, checkboxes, and radio buttons.

Buttons

Button types, colors, sizes, and groups.

Tables

Basic and responsive table styles.

Colors

Background and text color utility classes.

Elevation

Z-index, box shadows, and elevation background colors.

Utilities

Miscellaneous utility classes for common needs.

Theme Editor

Visually customize and export your own Kempo CSS theme.

Quick Start

Install via NPM:

npm install kempo-css

Or use the CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/kempo-css@2/dist/kempo.min.css" />

Features

  • Lightweight - Small footprint, no JavaScript required
  • Utility-First - Composable utility classes
  • Responsive Grid - 12-column grid with breakpoints
  • Dark Mode - Built-in light/dark theme support
  • Elevation System - Z-index, shadows, and backgrounds
  • Customizable - CSS variables for easy theming

Includes

  • Typography - Headings, text, lists
  • Layout - Flexbox, grid, display utilities
  • Spacing - Padding, margins, negative margins
  • Forms - Inputs, labels, checkboxes, radios
  • Buttons - Colors, sizes, groups
  • Tables - Basic and responsive tables