Nuxt Modules

Discover our list of modules to supercharge your Nuxt project. Created by the Nuxt team and community.

/
devtools

devtools

Unleash Nuxt Developer Experience. A set of visual tools that help you to know your app better.

pinia

pinia

The Vue Store that you will enjoy using

eslint

eslint

ESLint module for Nuxt

tailwindcss

tailwindcss

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

i18n

i18n

i18n features for your Nuxt project so you can easily add internationalization.

auto-animate

auto-animate

Automatic animations for your Nuxt app with a single line of code.

vueuse

vueuse

Collection of essential Vue Composition Utilities for Vue 2 and 3

image

image

Optimised images for Nuxt, with progressive processing, lazy-loading, real-time resizes and providers support.

device

Device detection module for Nuxt

stylelint

stylelint

Stylelint module for Nuxt. A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

robots

robots

A Nuxt module thats inject a middleware to generate a robots.txt file

color-mode

color-mode

Dark and Light mode for Nuxt with auto detection

google-fonts

google-fonts

Google Fonts module for Nuxt

content

content

Nuxt Content reads the content/ directory in your project, parses .md, .yml, .csv or .json files and creates a powerful data layer for your application. Bonus, use Vue components in Markdown with the MDC syntax.

icon

icon

Icon module for Nuxt with 100,000+ ready to use icons from Iconify.

vitest

vitest

Vitest integration with Nuxt

pinia-plugin-persistedstate

pinia-plugin-persistedstate

Configurable persistence and rehydration of Pinia stores.

simple-sitemap

simple-sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly.

apollo

apollo

Integrate GraphQL in your Nuxt apps using vue-apollo.

unocss

unocss

The instant on-demand atomic CSS engine.

purgecss

purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt

nuxt-jsonld

Manage JSON-LD in Vue component.

storybook

storybook

Easily integrate Storybook in your Nuxt application to design, build, and organize your UI components in isolation.

csurf

csurf

Cross-Site Request Forgery (CSRF) Prevention for Nuxt

swiper

swiper

Nuxt module for Swiper.js - Most modern mobile touch slider with hardware accelerated transitions.

security

security

Security Module for Nuxt based on OWASP Top 10 and Helmet

schema-org

schema-org

Schema.org for Nuxt.

magic-regexp

magic-regexp

A compiled-away, type-safe, readable RegExp alternative

vite-pwa-nuxt

vite-pwa-nuxt

Zero-config PWA Plugin for Nuxt

simple-robots

simple-robots

Tame the robots crawling and indexing your Nuxt site.

typed-router

typed-router

Provide autocompletion for pages route names and params

formkit

formkit

Seamless FormKit integration for Nuxt

sidebase-auth

sidebase-auth

Zero-boilerplate authentication for nuxt 3 with support for many strategies (oauth, credentials, ...) and providers (google, azure, ...). Additionally supports session manipulation, client- and server-side protection and more.

ui

ui

Fully styled and customizable components for Nuxt, powered by Headless UI and Tailwind CSS.

svg-sprite

Optimized and Easy way to use svg files in Nuxt

web-vitals

web-vitals

Web Vitals for Nuxt

nuxt-gtm

nuxt-gtm

A Nuxt module for Google Tag Manager

vee-validate

vee-validate

Painless Vue forms for Nuxt

lodash

lodash

lodash module with auto-import and custom prefix

html-validator

html-validator

Automatically validate Nuxt server-rendered HTML html

nuxt-svgo

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components

dayjs

dayjs

Day.js module for Nuxt

gtag

gtag

Google Analytics integration for Nuxt

og-image

og-image

Enlightened runtime images generated with Vue templates.

delay-hydration

delay-hydration

Improve your Nuxt v2 Google Lighthouse score by delaying hydration.

storyblok

storyblok

Storyblok Nuxt module

icons

icons

Use your own automatically imported SVG icons.

maz-ui

maz-ui

install easily maz-ui library to take advantage of auto-import components, plugins, composables and CSS files.

headlessui

headlessui

Headless UI integration for Nuxt. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

link-checker

link-checker

Find and magically fix links that may be negatively effecting your Nuxt sites SEO.

radix-vue

radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

element-plus

element-plus

A Vue 3 based component library for designers and developers

fontaine

fontaine

Automatically optimized font fallback based on font metrics

studio

studio

A new experience to build content-driven website with Nuxt.

supabase

supabase

First class integration with Supabase

prismic

prismic

Easily connect your Nuxt application to your content hosted on Prismic

partytown

partytown

Partytown integration for Nuxt - relocate resource intensive scripts into a web worker, and off of the main thread.

windicss

windicss

Next generation utility-first CSS framework.

strapi

strapi

Design APIs fast and manage content easily using REST or GraphQL.

nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project

plausible

plausible

Nuxt module to natively integrate Plausible analytics

cookie-control

cookie-control

A highly configurable cookie banner for Nuxt.

bugsnag

bugsnag

Bugsnag integration for nuxt.js. Makes it easy to add bugsnag to your Project. Supports uploading source maps.

seo-kit

seo-kit

The complete SEO solution for Nuxt.

algolia

algolia

Algolia Search Module for Nuxt

graphql-client

graphql-client

Minimal GraphQL Client + Code Generation for Nuxt. Auto imports GraphQL Operations for easy execution.

session

session

Session middleware to persist user data across requests, a client-side useSession composable to interact with the session, supports many storage backends via unjs/unstorage

seo-experiments

seo-experiments

Powerful SEO DX improvements that may or may not land in the Nuxt core.

unhead

Experimental features for Nuxt SEO / head management.

vue-macros

vue-macros

Explore more macros and syntax sugar to Vue.

graphql-request

graphql-request

Easy Minimal GraphQL client integration with Nuxt

vue3-carousel-nuxt

This module seamlessly integrates the Vue 3 Carousel module of ismail9k into Nuxt applications.

sanity

sanity

Access text, images, and other media with Nuxt and the Sanity headless CMS.

primevue

primevue

Next Generation Vue UI Component Library

nuxt-vuetify

nuxt-vuetify

Add Vuetify 3 to your Nuxt application in 3 seconds.

quasar

quasar

Effortlessly build high-performance & high-quality Vue.js 3 user interfaces in record time

twicpics

twicpics

Images and videos components - Context aware resizing and cropping, lazy-loading, LQIP, Next-Gen format, compression, CDN.

vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.

vue-transitions

vue-transitions

Reusable interface transitions with no CSS needed ❤️

nuxt-monaco-editor

nuxt-monaco-editor

Integrate monaco-editor with Nuxt

vuefire

vuefire

Idiomatic composables for the Firebase SDK

google-adsense

google-adsense

Google Adsense Module for Nuxt

turnstile

turnstile

Privacy-focused alternative to CAPTCHA from Cloudflare

electron

electron

Integrate Nuxt and Electron.

nuxt-pdf

nuxt-pdf

Zero-boilerplate PDF exports of your Pages and Components

nuxt-mapbox

nuxt-mapbox

Elegant Mapbox integration with Nuxt

directus

directus

Easily connect your Nuxt application to your directus server.

snackbar

snackbar

Nuxt Snackbar module using vue3-snackbar

nuxt3-leaflet

nuxt3-leaflet

Leaflet integration with Nuxt

ant-design-vue

ant-design-vue

A Vue 3 based component library for designers and developers

nuxt-mail

Adds email sending capability to a Nuxt.js app. Adds a server route, an injected variable, and uses nodemailer to send emails.

logrocket

logrocket

LogRocket module for Nuxt to help you fix bugs and understand user behaviour.

prometheus

prometheus

Allows you to better understand what's going on with your application and how to optimize performance and other things in production

tailvue

tailvue

Vue components built for Vue3 powered by Windi CSS or tailwindcss

authjs

authjs

Auth.js authentication Nuxt module. Edge compatible.

nuxt-vue3-google-signin

nuxt-vue3-google-signin

Empower your Nuxt app with Google Sign-In, hassle-free

nuxt-basic-auth

Nuxt Module for Basic Authentication

capo

Capo.js implementation for Nuxt

api-party

api-party

Nuxt module to securely connect with any API – server proxy & dynamic composable names

vue-email

vue-email

💌 Write email templates with vue

nuxt-graphql-middleware

nuxt-graphql-middleware

Expose GraphQL queries and mutations as server API routes.

vant

vant

A lightweight, customizable Vue UI library for mobile web apps.

prepare

prepare

Initialization steps at build time – like Nuxt 2 server init

time

Safely render local dates and times on the server with Nuxt

vue-final-modal

vue-final-modal

The most powerful yet most light-weight modal library for Vue 3.

ionic

ionic

Batteries-included Ionic integration for building iOS, Android and web apps.

animejs

Anime.js module for Nuxt

vcalendar

vcalendar

VCalendar module for Nuxt

content-assets

content-assets

Enable locally-located assets in Nuxt Content

pinia-orm

pinia-orm

The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store.

emotion

emotion

The Next Generation of CSS-in-JS for Nuxt