open-index/open-npm huggingface dataset:
npm package: @gluhar/v-gsap-nuxt
Description: GSAP Directive for Nuxt 3
Author: Lukas Hofstätter
Latest version: 1.6.4

# `v-gsap` for Nuxt (and Vue)

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href] [![Nuxt][nuxt-src]][nuxt-href]

[![](docs/public/cover.png)](https://v-gsap-nuxt.vercel.app/) (Click image to
visit the docs)

## Features

- 🚀 Smooth animations with [GSAP](https://gsap.com/)
- 🖍️ Easy to use directive syntax with
  [`v-gsap`](https://v-gsap-nuxt.vercel.app/playground)
- 📦 [`useGSAP()`](https://v-gsap-nuxt.vercel.app/usage/composable) composable
  for complex animations
- 🪄 [`<GSAPTransition>`](https://v-gsap-nuxt.vercel.app/usage/v-if) to animate
  `v-if`
- ⌨️ Powerful
  [entrance presets](https://v-gsap-nuxt.vercel.app/usage/modifiers#entrance)
  and [custom presets](https://v-gsap-nuxt.vercel.app/usage/presets)
- 🧩 Full GSAP
  [Plugin extensibility](https://v-gsap-nuxt.vercel.app/information/gsap-plugins)

## Installation

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add v-gsap-nuxt
```

That's it! You can now use `v-gsap` in your Nuxt app ✨

### Want to use it with Vue? [Learn about Vue usage](https://v-gsap-nuxt.vercel.app/installation/vue.only)

## Docs

### 👁️ Find the full docs and examples here: [Documentation](https://v-gsap-nuxt.vercel.app/)

---

### GSAP Licensing

GSAP is subject to its own licensing terms. Before incorporating GSAP with
`v-gsap-nuxt` (as dependency), ensure you review and comply with the
[GSAP Standard License](https://gsap.com/community/standard-license/).

This module itself is licensed under the MIT License.

---

## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev:playground
  # OR
  # Develop with the Docs
  npm run dev:docs
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run dev:check
  
  # Release new version
  npm run release
  ```

</details>

<!-- Badges -->

[npm-version-src]:
  https://img.shields.io/npm/v/v-gsap-nuxt/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/v-gsap-nuxt
[npm-downloads-src]:
  https://img.shields.io/npm/dm/v-gsap-nuxt.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/v-gsap-nuxt
[license-src]:
  https://img.shields.io/npm/l/v-gsap-nuxt.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/v-gsap-nuxt
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @glukki/parcel-plugin-geojson
Description: Parcel plugin to load GeoJSON files as a regular JSON
Author: Vitaliy Meshchaninov
Latest version: 0.0.1

# @glukki/parcel-plugin-geojson

Parcel plugin for GeoJSON.

```
npm install --save-dev @glukki/parcel-plugin-geojson
```

## Usage

In your code:

```js
import map from './map.geojson'
```

## License

MIT
npm package: @gluon-framework/devtools
Description: Easily use common devtools extensions in Gluon
Author: Gluon Framework
Latest version: 0.2.0

# devtools
Easily use common devtools extensions in Gluon

## Example

```js
import * as Gluon from '@gluon-framework/gluon';
import { REACT_DEVTOOLS } from '@gluon-framework/devtools';

Gluon.extensions.add(REACT_DEVTOOLS);
```
npm package: @gluon/font-awesome
Description: Font Awesome as a Web Component
Author: Goffert van Gool
Latest version: 1.0.0

# gluon-font-awesome

[![NPM Latest version](https://img.shields.io/npm/v/@gluon/font-awesome.svg)](https://www.npmjs.com/package/@gluon/font-awesome)
[![Code Style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

_A lightweight Web Component wrapper for Font Awesome_

---

- Supports **Free** and **Pro** icon sets
- Uses the Font Awesome **CDN**
- Supports **self-hosted** font-awesome assets

## Examples

### Basic usage

```html
<script type="module" src="/node_modules/@gluon/font-awesome/font-awesome.js"></script>

<font-awesome icon="fas fa-camera-retro fa-7x"></font-awesome>
```

### In other Web Components

```javascript
import '/node_modules/@gluon/font-awesome/font-awesome.js';

class MyElement extends HTMLElement {
  get template() {
    return html`<p>Take a picture! <font-awesome icon="fas fa-camera-retro"></font-awesome></p>`;
  }
  // ...
}
```

### Using font-awesome Pro

```html
<script>window.FontAwesome = { pro: true };</script>
<script type="module" src="/node_modules/@gluon/font-awesome/font-awesome.js"></script>

<font-awesome icon="fal fa-camera-retro fa-7x"></font-awesome>
```

### Using self-hosted assets

```bash
npm install @fortawesome/fontawesome-free
```

```html
<script>window.FontAwesome = { path: '/node_modules/@fortawesome/fontawesome-free' };</script>
<script type="module" src="/node_modules/@gluon/font-awesome/font-awesome.js"></script>

<font-awesome icon="fal fa-camera-retro fa-7x"></font-awesome>
```

## Installation

Gluon-font-awesome is available from [npm](https://www.npmjs.com) as `@gluon/font-awesome`

```bash
npm install @gluon/font-awesome
```

## Compatibility

Works on all modern browsers, and IE11. May require some polyfills and/or bundling.
See `rollup.config.js` and `index.html` for example bundling and polyfill usage.

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright © 2017-present, Goffert van Gool