Nuxt Modules

Discover the Nuxt modules to add any CMS, Database, UI, Auth and integrations into your Vue application.

• 🔗 Modules listing
• 📖 Module author guide

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

pnpm sync <name> <repo>

Example: pnpm sync tailwindcss nuxt-modules/tailwindcss

To sync with a branch different than main, suffix the repo with #repo-branch, example: pnpm sync tailwindcss nuxt-modules/tailwindcss#dev

If the module lives in a subdirectory of a monorepo, add the path after the branch, example: pnpm sync scripts nuxt/scripts#main/packages/script

Contribution

To list a module, open a pull request directly. You don't need to open an issue first.

1. Fork and clone this repository, then run pnpm install.
2. Run pnpm sync <name> <repo> (see Add/Update a module). This creates ./modules/<name>.yml from your repository's package.json.
3. Set category in the generated file to one of the values in ./lib/categories.ts. Optionally add an icon to ./icons and reference it with icon.
4. Open a pull request.

If your module mainly loads a third-party script (analytics, tag manager, chat widget, consent manager, captcha, ads or embed), check whether Nuxt Scripts already supports it. If it doesn't, consider adding it to the Nuxt Scripts registry. Modules that build on Nuxt Scripts are welcome too, for example when they add more than an API for the script, or when the script isn't a fit for the registry.

If some data is outdated, please open a pull request with the fix.

Using CDN

Compiled JSON data is available from following CDNs:

• jsdelivr: https://cdn.jsdelivr.net/npm/@nuxt/modules@latest/modules.json
• unpkg: https://unpkg.com/@nuxt/modules@latest/modules.json

Using npm package

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

# npm
npm install @nuxt/modules

# pnpm
pnpm 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

Maintenance

Auto update all current modules

pnpm sync

Generate modules.json

pnpm build

License

MIT - Made by Nuxt Team