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 instead of publishing a separate module.

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

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 ./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.ts
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.
mcp	No	MCP Server URL

Maintenance

Auto update all current modules

pnpm sync

Generate modules.json

pnpm build

License

MIT - Made by Nuxt Team