Kempo CSS
Theme Editor
Kempo CSS
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-cssOr 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