# Modules

> Nuxt provides a module system to extend the framework core and simplify integrations.

## Exploring Nuxt Modules

When developing production-grade applications with Nuxt you might find that the framework's core functionality is not enough. Nuxt can be extended with configuration options and plugins, but maintaining these customizations across multiple projects can be tedious, repetitive and time-consuming. On the other hand, supporting every project's needs out of the box would make Nuxt very complex and hard to use.

This is one of the reasons why Nuxt provides a module system that makes it possible to extend the core. Nuxt modules are async functions that sequentially run when starting Nuxt in development mode using [`nuxt dev`](/docs/3.x/api/commands/dev) or building a project for production with [`nuxt build`](/docs/3.x/api/commands/build). They can override templates, configure webpack loaders, add CSS libraries, and perform many other useful tasks.

Best of all, Nuxt modules can be distributed in npm packages. This makes it possible for them to be reused across projects and shared with the community, helping create an ecosystem of high-quality add-ons.

<read-more to="/modules">

Explore Nuxt Modules

</read-more>

## Add Nuxt Modules

Once you have installed the modules you can add them to your [`nuxt.config.ts`](/docs/3.x/directory-structure/nuxt-config) file under the `modules` property. Module developers usually provide additional steps and details for usage.

```ts [nuxt.config.ts]twoslash
export default defineNuxtConfig({
  modules: [
    // Using package name (recommended usage)
    '@nuxtjs/example',

    // Load a local module
    './modules/example',

    // Add module with inline-options
    ['./modules/example', { token: '123' }],

    // Inline module definition
    async (inlineOptions, nuxt) => { },
  ],
})
```

<warning>

Nuxt modules are now build-time-only, and the `buildModules` property used in Nuxt 2 is deprecated in favor of `modules`.

</warning>

## Disabling Modules

You can disable a module by setting its config key to `false` in your Nuxt config. This is particularly useful when you want to disable modules inherited from layers.

```ts [nuxt.config.ts]
export default defineNuxtConfig({
  // Disable `@nuxt/image` module
  image: false,
})
```

<read-more to="/docs/3.x/guide/going-further/layers#disabling-modules-from-layers">



</read-more>

## Create a Nuxt Module

Everyone has the opportunity to develop modules and we cannot wait to see what you will build.

<read-more to="/docs/3.x/guide/modules" title="Module Author Guide">



</read-more>