open-index/open-npm huggingface dataset:
npm package: @markusantonwolf/ta-analytics
Description: TA-Analytics was made for every website that needs to have an easy and customizable Google Analytics “blocker”.
Author: Markus A. Wolf
Latest version: 1.1.1

<p align="center">
  <img src="./public/img/logo-ta-analytics.png" width="400px" />
</p>

# **TA-Analytics** - Customizable Google Analytics “blocker”

**TA-Analytics is a Alpine JS based plugin for activating user tracking after confirmation. The Google Tag Manager only gets initialized after the user accepts tracking.**

## Demos, Documentation and Examples

[Documentation](https://ta-styled-plugins.com/ta-analytics/)

[Getting started](https://ta-styled-plugins.com/ta-analytics/#getting-started-with-ta-analytics)

[Example](https://ta-styled-plugins.com/ta-analytics/)

[Configuration](https://ta-styled-plugins.com/ta-analytics/#configuration)

## Features

-   Confirmation only - Loads Google Analytics only after user confirmation
-   Stores users choice - Remembers the users choice for revisiting
-   Anonymize IP - Anonymized IP address by default
-   Based on Alpine JS - Small footprint and Vue JS inspired, like Tailwind for JavaScript
-   100% Tailwind CSS - Rapidly build modern websites without leaving your HTML

## More TA-Styled-Plugins

-   [TA-Styled-Plugins](https://ta-styled-plugins.com/) - Explore all Tailwind CSS and Alpine JS styled plugins and learn how to enhance your website fast and easy.

## Local development

```bash
// To install dev dependencies run:

npm install

// To start the development server run and go to http://localhost:9999/:

npm run serve

// To make a development build run:

npm run develop

// To make a production build run:

npm run build
```

## Licence

TA Analytics is released under the [MIT license](https://github.com/markusantonwolf/ta-gallery/blob/master/licence.md) & supports modern environments.

## Copyright

© 2021 Markus A. Wolf
<https://www.markusantonwolf.com>

<p>
<img src="./public/img/logo-ta-styled-plugins.png" width="160px" style="display:block;padding-top:4rem;" />
</p>
npm package: @markusantonwolf/tailwind-css-plugin-filters
Description: A Tailwind CSS plugin for usefull css filter utilities.
Author: Markus A. Wolf
Latest version: 1.2.1

# Tailwind CSS Plugin Filter utilities

This plugins adds some filter utilities to your configuration. Based on the default colors this plugin renders the following utilities for you:

- drop-shadow
    - drop-shadow-{SIZE}
        - sizex: sm, md, lg, xl and 2xl
    - drop-shadow-{COLOR}-{INDEX}
        - Tailwind CSS default colors
- backdrop-blur
    - Sizes from 1 - 5
- bg-blur
    - Sizes from 1 - 5
- blur
    - Sizes from 1 - 5

The drop shadow utility uses CSS custom properties to make it easier to define your favorite style. **You can find a list of all generated utilities in the [list of all utilities](https://github.com/markusantonwolf/tailwind-css-plugin-filters/blob/master/public/utilities.css).**

## Install

1. Install the plugin:

  ```bash
  # Using npm
  npm install @markusantonwolf/tailwind-css-plugin-filters --save-dev

  # Using Yarn
  yarn add @markusantonwolf/tailwind-css-plugin-filters -D
  ```

2. Add it to your `tailwind.config.js` file:

  ```js
  // tailwind.config.js
  module.exports = {
    // ...
    plugins: [
      require('@markusantonwolf/tailwind-css-plugin-filters')
    ]
  }
  ```

## Usage

```html
<div class="drop-shadow drop-shadow-xl drop-shadow-gray-100"></div>
<div class="bg-blur-5"></div>
<div class="blur-5"></div>
```

## Features

-   CSS filters:
    - backdrop-filter: blur
    - filter: drop-shadow
    - filter: blur
-   Options:
     - variants: defines the variants to be created | default: ["responsive"]
     - utilities: defines the utilities to be created | default: ["drop-shadow","blur","backdrop-blur"]
     - debug: shows the new utilities | default: false

## Options example

```js
// tailwind.config.js
module.exports = {
// ...
    plugins: [
        require("@markusantonwolf/tailwind-css-plugin-filters")({
            variants: ["responsive"],
            utilities: ["drop-shadow", "blur", "backdrop-blur", "bg-blur"],
            debug: false,
        }),
    ]
}
```

## Licence

Tailwind CSS Plugin Filter utilities is released under the [MIT license](https://github.com/markusantonwolf/tailwind-css-plugin-filters/blob/master/licence.md) & supports modern environments.

## Copyright

© 2020 Markus A. Wolf
<https://www.markusantonwolf.com>
npm package: @markusantonwolf/tailwindcss-filters
Description: A Tailwind CSS plugin for usefull css filter utilities.
Author: Markus A. Wolf
Latest version: 1.1.1
Deprecated: Use @markusantonwolf/tailwind-css-plugin-filters instead

# Tailwind CSS Plugin Filter utilities

This plugins adds some filter utilities to your configuration. Based on the default colors this plugin renders the following utilities for you:

- drop-shadow
    - drop-shadow-{SIZE}
        - sizex: sm, md, lg, xl and 2xl
    - drop-shadow-{COLOR}-{INDEX}
        - Tailwind CSS default colors
- backdrop-blur
    - Sizes from 1 - 5
- bg-blur
    - Sizes from 1 - 5
- blur
    - Sizes from 1 - 5

The drop shadow utility uses CSS custom properties to make it easier to define your favorite style. **You can find a list of all generated utilities in the [list of all utilities](https://github.com/markusantonwolf/tailwindcss-filters/blob/master/public/utilities.css).**

## Install

1. Install the plugin:

  ```bash
  # Using npm
  npm install @markusantonwolf/tailwindcss-filters --save-dev

  # Using Yarn
  yarn add @markusantonwolf/tailwindcss-filters -D
  ```

2. Add it to your `tailwind.config.js` file:

  ```js
  // tailwind.config.js
  module.exports = {
    // ...
    plugins: [
      require('@markusantonwolf/tailwindcss-filters')
    ]
  }
  ```

## Usage

```html
<div class="drop-shadow drop-shadow-xl drop-shadow-gray-100"></div>
<div class="bg-blur-5"></div>
<div class="blur-5"></div>
```

## Features

-   CSS filters:
    - backdrop-filter: blur
    - filter: drop-shadow
    - filter: blur
-   Options:
     - variants: defines the variants to be created | default: ["responsive"]
     - utilities: defines the utilities to be created | default: ["drop-shadow","blur","backdrop-blur"]
     - debug: shows the new utilities | default: false

## Options example

```js
// tailwind.config.js
module.exports = {
// ...
    plugins: [
        require("@markusantonwolf/tailwindcss-filters")({
            variants: ["responsive"],
            utilities: ["drop-shadow", "blur", "backdrop-blur", "bg-blur"],
            debug: false,
        }),
    ]
}
```

## Licence

Tailwind CSS Plugin Filter utilities is released under the [MIT license](https://github.com/markusantonwolf/tailwindcss-filters/blob/master/licence.md) & supports modern environments.

## Copyright

© 2020 Markus A. Wolf
<https://www.markusantonwolf.com>