Nuxt Modules

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

Modules Database

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

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

Compiled JSON data is available from following CDNs:

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')

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.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.

pnpm sync

pnpm build

MIT - Made by Nuxt Team