Nuxt 2 reached End-of-Life on June 30th, 2024.

Nuxt Modules

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

Nuxt Image

Plug-and-play image optimization.

Nuxt Content

Git-based CMS with Markdown support.

Nuxt DevTools

Visual tools that help you to know your app.

Nuxt UI

Fully styled and customizable components.
/
kinde

kindeSponsor

Kinde authentication integration for Nuxt
logto

logtoSponsor

The better Nuxt auth module for developers.
devtools

devtoolsOfficial

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
tailwindcss

tailwindcss

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

auto-animate

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

i18n

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

vueuse

Collection of essential Vue Composition Utilities for Vue 2 and 3
eslint-module

eslint-module

ESLint module for Nuxt
image

imageOfficial

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

test-utilsOfficial

Test utilities for Nuxt
color-mode

color-mode

Dark and Light mode for Nuxt with auto detection
sitemap

sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly.
unocss

unocss

The instant on-demand atomic CSS engine.
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.
google-fonts

google-fonts

Google Fonts module for Nuxt

device

Device detection module for Nuxt
robots

robots

Tame the robots crawling and indexing your Nuxt site.
pinia-plugin-persistedstate

pinia-plugin-persistedstate

Configurable persistence and rehydration of Pinia stores.
eslint

eslintOfficial

All-in-one ESLint module for Nuxt, provides project-aware, easy-to-use, extensible and future-proof integrations.
magic-regexp

magic-regexp

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

contentOfficial

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

stylelint

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

uiOfficial

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

csurf

Cross-Site Request Forgery (CSRF) Prevention for Nuxt
mdc

mdc

MDC supercharges regular Markdown to write documents interacting deeply with any Vue component.
security

security

Security Module for Nuxt based on OWASP Top 10 and Helmet
nuxt-gtm

nuxt-gtm

A Nuxt module for Google Tag Manager
vee-validate

vee-validate

Painless Vue forms for Nuxt
vite-pwa-nuxt

vite-pwa-nuxt

Zero-config PWA Plugin for Nuxt
swiper

swiper

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

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components
gtag

gtag

Google Analytics integration for Nuxt: Google Analytics, Google Ads and more
schema-org

schema-org

Quick and easy Schema.org graphs.

nuxt-jsonld

Manage JSON-LD in Vue component.
storybook

storybook

Easily integrate Storybook in your Nuxt application to design, build, and test your UI components in isolation.
og-image

og-image

Enlightened runtime images generated with Vue templates.
apollo

apollo

Integrate GraphQL in your Nuxt apps using vue-apollo.
dayjs

dayjs

Day.js module 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.
primevue

primevue

Next Generation Vue UI Component Library
link-checker

link-checker

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

fontsOfficial

Plug-and-play web font optimization and configuration for Nuxt apps.
lodash

lodash

lodash module with auto-import and custom prefix
delay-hydration

delay-hydration

Improve your Nuxt v2 Google Lighthouse score by delaying hydration.
seo-experiments

seo-experiments

Powerful SEO DX improvements.
typed-router

typed-router

Provide autocompletion for pages route names and params
seo

seo

The complete SEO solution for Nuxt.
purgecss

purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt
formkit

formkit

Seamless FormKit integration for Nuxt
element-plus

element-plus

A Vue 3 based component library for designers and developers
fontaine

fontaine

Automatically optimized font fallback based on font metrics
icons

icons

Use your own automatically imported SVG icons.
nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project
vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.
headlessui

headlessui

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

maz-ui

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

storyblok

Storyblok Nuxt module

shadcn

Re-usable components built with Radix Vue and Tailwind CSS.
html-validator

html-validator

Automatically validate Nuxt server-rendered HTML html

svg-sprite

Optimized and Easy way to use svg files in Nuxt
supabase

supabase

First class integration with Supabase
tresjs

tresjs

Create 3D experiences in your Nuxt application using TresJS.
prismic

prismic

Easily connect your Nuxt application to your content hosted on Prismic

vue3-carousel-nuxt

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

studio

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

iconOfficial

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

partytown

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

strapi

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

vcalendar

VCalendar module for Nuxt
scripts

scriptsOfficial

Plug-and-play script optimization for Nuxt applications.
cookie-control

cookie-control

A highly configurable cookie banner for Nuxt.
graphql-client

graphql-client

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

web-vitals

Web Vitals for Nuxt
algolia

algolia

Algolia Search Module for Nuxt
twicpics

twicpics

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

turnstile

Privacy-focused alternative to CAPTCHA from Cloudflare
prometheus

prometheus

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

windicss

Next generation utility-first CSS framework.
vue-transitions

vue-transitions

Reusable interface transitions with no CSS needed ❤️
bugsnag

bugsnag

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

quasar

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

sanity

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

plausible

Nuxt module to natively integrate Plausible analytics
vue-macros

vue-macros

Explore more macros and syntax sugar to Vue.
hub

hub

Build full-stack Nuxt applications on the edge, with zero configuration.

nuxt-basic-auth

Nuxt Module for Basic Authentication
aos

aos

A Nuxt module that adds Animate On Scroll
ant-design-vue

ant-design-vue

A Vue 3 based component library for designers and developers

auth-utils

Minimalist Auth module for Nuxt with SSR.
vuefire

vuefire

Idiomatic composables for the Firebase SDK
vue-email

vue-email

💌 Write email templates with vue
tiptap

tiptap

Essentials to Quickly Integrate TipTap Editor into your Nuxt App
nuxt-vue3-google-signin

nuxt-vue3-google-signin

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

nuxt-social-share

Simple Social Sharing for Nuxt
nuxt-monaco-editor

nuxt-monaco-editor

Integrate monaco-editor with Nuxt
stripe-next

stripe-next

This Nuxt module provides an easy way to integrate Stripe in your Nuxt application, both on the client-side and server-side. It utilizes the official stripe package for server-side usage and @stripe/stripe-js for the client-side.
google-adsense

google-adsense

Google Adsense Module for Nuxt
umami

umami

Embed the Umami analytics library into Nuxt
graphql-request

graphql-request

Easy Minimal GraphQL client integration with Nuxt
snackbar

snackbar

Nuxt Snackbar module using vue3-snackbar

nuxt-mail

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

clarity-analytics

Clarity Analytics Module for Nuxt
vue-query

vue-query

0 config lightweight Nuxt module for @tanstack/vue-query.
nuxt-mapbox

nuxt-mapbox

Elegant Mapbox integration with Nuxt
ionic

ionic

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

nuxt-zod-i18n

A Nuxt Module for localizing zod error messages.
prisma

prisma

Integrate Nuxt with Prisma ORM to simplify database access!
authjs

authjs

Auth.js authentication Nuxt module. Edge compatible.

time

Safely render local dates and times on the server with Nuxt

animejs

Anime.js module for Nuxt
nuxt-pdf

nuxt-pdf

Zero-boilerplate PDF exports of your Pages and Components
nuxt-auth-sanctum

nuxt-auth-sanctum

Nuxt module for Laravel Sanctum authentication
nuxt-booster

nuxt-booster

nuxt-booster will help you to improve the lighthouse performance score (100/100) of your website.
marquee

marquee

A lightweight Nuxt 3 module that harnesses the power of CSS animations to create silky smooth marquees.
nuxt-fontawesome

nuxt-fontawesome

Module to use Font Awesome 6 icons in your Nuxt project
nuxt-plotly

nuxt-plotly

nuxt-plotly is a thin Nuxt wrapper for plotly.js
directus

directus

Easily connect your Nuxt application to your directus server.
calendly

calendly

Calendly is a scheduling tool that allows you to schedule meetings with your customers. This module allows you to easily add Calendly to your Nuxt application.
logrocket

logrocket

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

electron

Integrate Nuxt and Electron.
vue-final-modal

vue-final-modal

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

api-party

Securely connect to any API with a server proxy and dynamic composables
vant

vant

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

vueform

Official Vueform module for Nuxt
nuxt-graphql-middleware

nuxt-graphql-middleware

Expose GraphQL queries and mutations as server API routes.
cloudflare-analytics

cloudflare-analytics

Cloudflare Web Analytics Module for Nuxt
unlazy

unlazy

Lazy loading library for placeholder images
meilisearch

meilisearch

Meilisearch Instant Search module for Nuxt
scalar

scalar

Render a beautiful API References based on a OpenAPI/Swagger file with Nuxt.
lucide-icons

lucide-icons

Nuxt module to integrate Lucide icons
nuxt-mongoose

nuxt-mongoose

A Nuxt module for simplifying the use of Mongoose in your project.
storefront-ui

storefront-ui

Storefront UI for Nuxt by Alokai

particles

Easily add particle animations to your Nuxt projects using tsParticles
paypal

paypal

A Nuxt module for simplifying the use of Paypal in your project.
pinia-orm

pinia-orm

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

tailvue

Vue components built for Vue3 powered by Windi CSS or tailwindcss
use-bootstrap

use-bootstrap

This module is a wrapper to front-end framework based on Nuxt3 and Bootstrap5
leaflet

leaflet

Leaflet integration with Nuxt
onyx

onyx

A design system and Vue.js component library created by Schwarz IT
kql

kql

Nuxt module for Kirby's Query Language API

nuxt-anchorscroll

Scroll to top and to anchor support for Nuxt
hotjar

hotjar

Add HotJar to your Nuxt application

nuxt-oidc-auth

Nuxt SSR OIDC (OpenID Connect) authentication with server side encrypted sessions.
emotion

emotion

The Next Generation of CSS-in-JS for Nuxt

nuxt-svgo-loader

Nuxt module to load SVG files as Vue components, using SVGO for optimization.
content-assets

content-assets

Enable locally-located assets in Nuxt Content

ssr-lit

Server-Side Rendering for Lit Element components