Discover the Nuxt modules to add any CMS, Database, UI, Auth and integrations into your Vue application.
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
- If you feel a module is missing, please create a new issue
- If some data is outdated please directly open a pull request
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
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