modules
modules copied to clipboard
nuxt
Discover the Nuxt modules to add any CMS, Database, UI, Auth and integrations into your Vue application.
Nuxt Modules
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:
- 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
# 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 |
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
nuxt