/twglow

A lightweight tailwind css plugin for making your elements glow

Primary LanguageJavaScriptMIT LicenseMIT

Tailwind CSS

Tailwind CSS Glow

A tailwind css plugin for making your elements glow

License

About

This is a tailwind css plugin for making your elements glow.

Features

  • Drama Effect: use the drama class. e.g. drama-green-500 drama-20

Drama Effect

  • Border Glow Effect: use the border-glow class. e.g. border-glow-blue-500

Border Glow Effect

  • Text Glow Effect: use the text-glow class. e.g. text-glow-blue-500

Border Glow Effect

  • More coming soon in sha Allah...

Getting started

Install the npm library

npm i -D twglow

Or, if you are using yarn:

yarn add -D twglow

Then add the plugin to your tailwind.config.js file:

import twGlow from "twglow";

export default {
  // ...
  plugins: [twGlow],
};

Or if you use common JS, then:

module.exports = {
  theme: {
    // ...
  },
  plugins: [require("twglow")],
};

Usage

Use the provided examples.