Chipolette screenshot

Chipolette

Author Avatar Theme by Marcisbee
Updated: 5 Apr 2023
9 Stars

Basic CSS starter kit that uses CSS variables by default

Categories

Overview

Chipolette is a CSS framework and starter kit that is designed to replace Bootstrap. It is a fork from Shoelace and Bootstrap and fully embraces CSS variables and custom properties. It does not require compilation to change colors or sizes, making it easier to use. Chipolette is written in LESS and is compatible with evergreen browsers and older ones that support CSS variables. For older IE versions and other outdated browsers, there is a polyfill available. Chipolette is licensed under MIT and is maintained by Marcis Bergmanis.

Features

  • Tiny CSS framework / Starter kit
  • Fork from Shoelace and Bootstrap
  • Embraces CSS variables / custom properties
  • No compilation required to change colors / sizes
  • Written in LESS
  • Designed to replace Bootstrap
  • Compatible with evergreen browsers and older ones that support CSS variables
  • Polyfill available for older IE versions and other outdated browsers

Installation

To install the stable version of Chipolette, you can use npm as your package manager. Perform the following steps:

  1. Run the following command in your terminal:
npm install chipolette
  1. Import the LESS version of Chipolette by adding the following line to your LESS file:
@import 'chipolette';

or

  1. Import the CSS version of Chipolette by adding the following line to your CSS file:
@import url('https://unpkg.com/chipolette/dist/chipolette.min.css');

Please note that the above steps assume you are using npm as your package manager. If you are not using npm, you can still access Chipolette on unpkg.

Summary

Chipolette is a CSS framework and starter kit that offers simplicity and flexibility for developers. With its focus on CSS variables and custom properties, Chipolette provides easy customization without the need for compilation. This lightweight framework, written in LESS, is designed to replace Bootstrap and can be used with CSS variables. With compatibility for evergreen browsers and a polyfill available for outdated browsers, Chipolette ensures a seamless user experience. So if you’re looking for a CSS framework that is lightweight, easy to use, and highly customizable, give Chipolette a try.