Skip to content

crumb1e/tailwind-nord

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

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.