tailwind-nord icon indicating copy to clipboard operation
tailwind-nord copied to clipboard

A super tiny tailwind plugin that enables the use of the Nord colour palette.

Logo

Tailwind Nord

A super tiny tailwind plugin that enables the use of the Nord color palette.

Made this mainly for myself, as I kept copying the Nord colours over manually. But hopefully it can save someone else 5 mins at the start of a project!

Installation

npm i tailwind-nord

Usage

In your tailwind.config.js:

  plugins: [
    require('tailwind-nord'),
  ],

You now have access to the Nord theme anywhere you would use normal tailwind colours.

<div class="bg-nord0">
    <p class="text-nord5">Hello, this is some text</p>
</div>

I've stuck to the colour names set in the Nord documentation to keep things simple. Check that out here.