A personal utility css framework
npm install cheekycssCheekyCSS is a lightweight functional CSS library designed to make styling your web projects fast and simple, with no build step required. It provides a set of utility classes that allow you to write clear, concise, and maintainable styles directly in your HTML.
You can start using CheekyCSS in your project in two easy ways:
Add the following tag to the of your HTML file to include CheekyCSS directly from a CDN such as jsDelivr or unpkg. This will always serve the latest npm package version:
``html`
_Alternatively, you can use unpkg:_
`html`
Alternatively, download the cheeky.css file from the repository and include it locally in your project:
`html`
Here is a simple example demonstrating how to use CheekyCSS utility classes in your HTML:
`html
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/cheekycss/cheeky.css"
/>
class="flex flex-wrap justify-content-center gap-2 margin-block-4 text-center"
Simple, clean, and easy to use.
Key Features
- Utility Classes: A growing set of utility classes for margins, padding, basic typography, layout, positioning, and more.
- Logical Properties: Uses CSS logical properties for better internationalization and flexible layouts.
- No Build Step: Just include the CSS file — no preprocessing or bundling required.
- Tiny File Size: Minimal footprint to keep your projects fast and lightweight.
Alternate Class Names
CheekyCSS provides both verbose and concise aliases for utility classes. For example, you can use the verbose
.margin-block-1 or the concise alias .mb-1` to apply the same margin. This flexibility allows you to choose the style that best fits your project and coding preferences.CheekyCSS is built with clarity and simplicity in mind. It offers concise aliases for common CSS properties to speed up development without sacrificing readability. The goal is to empower developers to write clean, maintainable markup with minimal overhead.
This project is licensed under the MIT License.
See https://opensource.org/licenses/MIT for details.