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

pschilly/tailwind-nord

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 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>

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

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%