Overview

cleacss is a thoughtfully designed CSS framework for developers who love writing CSS. Rather than abstracting away CSS or overwhelming you with utility classes, cleacss provides a solid foundation with essential defaults while empowering you to write your own custom styles. It leverages modern CSS features like custom properties, subgrid, and responsive sizing to create a lightweight yet powerful system.

Installation

Use your prefered package manager to install the cleacss package, or just download the latest release from the releases page.

  npm install cleacss

Usage

When you're using a bundler like vite you can import the css file directly from the cleacss package in your javascript or css file.

Javascript

import "cleacss";

CSS

@import "cleacss";