/modules

Discover the list of modules to supercharge your Nuxt project.

Primary LanguageVueMIT LicenseMIT

Screenshot 2022-08-21 at 23 47 1

Nuxt Modules

automated npm version

Discover Nuxt modules to supercharge your project! Created by the Nuxt team and community.

Modules Database

Metadata of nuxt modules are maintained in yml files inside ./modules directory and automatically synced from upstream to fetch latest information.

Add/Update a module

yarn sync <name> <repo>

Example: yarn sync tailwindcss nuxt-community/tailwindcss-module

To sync with a branch different than master, suffix the repo with #repo-branch, example: yarn sync tailwindcss nuxt-community/tailwindcss-module#dev

Contribution

  • If you feel a module is missing, please create a new issue
  • If some data is outdated please directly open a pull request

Using CDN

Compiled JSON data is available from following CDNs:

Using npm package

You can use the @nuxt/modules package by installing it in your project:

# npm
npm install @nuxt/modules

# yarn
yarn add @nuxt/modules

Then you can directly import the list of modules:

// ESM
import modules from '@nuxt/modules'

// CommonJS
const modules = require('@nuxt/modules')

Schema

Field Name Auto sync Description
name No Canonical name or integration name
description Yes Short description
repo No GitHub repository. Format is org/name or org/name#main/path
npm Yes NPM package name
icon No Icon of module from ./website/public/icons directory
github No GitHub URL
website No Website URL
learn_more No Link to learn more (website or relevant integration website)
category No Module category from ./lib/categories.json
type No community (for nuxt-community), official (for https://github.com/) or 3rd-party
maintainers Yes List of maintainers each item has name, github and avatar
compatibility No Module compatibility status. nuxt field specifies semver of supported nuxt version. requires.bridge: true|optional can be used to specify Nuxt 2 bridge compatibility.

Maintenance

Auto update all current modules

yarn sync

Generate npm/modules.json

yarn build

Website development

  • Clone repository
  • Install website depenedencies using npx yarn install

Start development:

npx yarn dev

Then visit http://localhost:3000

In the development, the npm downloads and GitHub stars will be mocked unless setting USE_NUXT_API variable.

License

MIT - Made by Nuxt Team