Skip to content

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

Notifications You must be signed in to change notification settings

crumb1e/tailwind-nord

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>

You can use the colour names set in the Nord documentation. Check that out here.

But you can also use Tailwind-like color names as shown below.

<div class="bg-nord-0">
    <p class="text-nord-5">Hello, this is some text</p>
</div>