The core styles for ClearKit

Usage no npm install needed!

<script type="module">
  import clearkitCore from 'https://cdn.skypack.dev/@clearkit/core';


ClearKit Core

What's happening in this repo?

This repo contains the core theme configuration for ClearKit. It has a vanilla clearkit-core.css file containing CSS variables, and a clearkit.tailwind.js file that utilises the same CSS variables to configure a Tailwind CSS config file. This repo is published as an NPM package that can be consumed in Clearbit web projects, either by passing clearkit.tailwind.js to your Tailwind build or in any other front-end stack by utilising clearkit-core.css.


  1. Clone this repo.
  2. Run $ yarn.
  3. Make your desired changes to clearkit.config.js (view the full tailwind configuration documentation here).