https://github.com/cirolee/tailwindcss-universal-colors

universal color palette for tailwidncss
https://github.com/cirolee/tailwindcss-universal-colors

colors tailwindcss universal-colors

Last synced: 9 days ago
JSON representation

universal color palette for tailwidncss

• Host: GitHub
• URL: https://github.com/cirolee/tailwindcss-universal-colors
• Owner: CiroLee
• License: mit
• Created: 2024-02-23T10:06:02.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-06-03T02:36:30.000Z (5 months ago)
• Last Synced: 2024-10-11T10:51:45.171Z (26 days ago)
• Topics: colors, tailwindcss, universal-colors
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/tailwindcss-universal-colors
• Size: 589 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



# tailwindcss-universal-colors

universal color palette for tailwindcss

![image](./assets/cover.png)

[preview](https://cirolee.github.io/tailwindcss-universal-colors/)

## install

```bash

# npm

npm install tailwindcss-universal-colors -D

# yarn

yarn add tailwindcss-universal-colors -D

# pnpm

pnpm add tailwindcss-universal-colors -D

```

## usage

### use as extended colors

```ts

// tailwind.config.mjs

import universalColors from 'tailwindcss-universal-colors';

export default {

  theme: {

    extend: {

      colors: {

        ...universalColors,

      },

    },

  },

  // ...

};

```

### `getColors` helps get color value

```ts

import { getColors } from 'tailwindcss-universal-colors';

getColors('gray.0'); // #F8FAFB

```

## inspired

[colar](https://github.com/fchristant/colar)