https://github.com/crumb1e/tailwind-nord
A super tiny tailwind plugin that enables the use of the Nord colour palette.
https://github.com/crumb1e/tailwind-nord
nord nord-color-palette tailwind-plugin tailwindcss tailwindcss-plugin
Last synced: about 1 year ago
JSON representation
A super tiny tailwind plugin that enables the use of the Nord colour palette.
- Host: GitHub
- URL: https://github.com/crumb1e/tailwind-nord
- Owner: crumb1e
- Created: 2020-02-10T20:15:01.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-27T09:52:52.000Z (over 3 years ago)
- Last Synced: 2025-04-13T14:46:45.237Z (about 1 year ago)
- Topics: nord, nord-color-palette, tailwind-plugin, tailwindcss, tailwindcss-plugin
- Language: JavaScript
- Homepage:
- Size: 90.8 KB
- Stars: 94
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tailwind Nord
A super tiny tailwind plugin that enables the use of the [Nord color palette](https://www.nordtheme.com/).
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:
```js
plugins: [
require('tailwind-nord'),
],
```
You now have access to the Nord theme anywhere you would use normal tailwind colours.
```html
Hello, this is some text
```
You can use the colour names set in the Nord documentation. Check that out [here](https://www.nordtheme.com/docs/colors-and-palettes).
But you can also use Tailwind-like color names as shown below.
```html
Hello, this is some text
```