Nuxt Modules

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

202 Maintainers
1.5K Contributors
250 Modules
kinde

@nuxtjs/kinde

Kinde authentication integration for Nuxt
Sponsor
logto

@logto/nuxt

The better Nuxt auth module for developers.
Sponsor
devtools

@nuxt/devtools

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

@nuxt/test-utils

Test utilities for Nuxt
Official
image

@nuxt/image

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

@nuxt/eslint

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

@nuxt/icon

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

@nuxt/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.
Official
ui

@nuxt/ui

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

@nuxt/fonts

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

@nuxt/scripts

Plug-and-play script optimization for Nuxt applications.
Official
pinia

@pinia/nuxt

The Vue Store that you will enjoy using
tailwindcss

@nuxtjs/tailwindcss

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.
pinia-plugin-persistedstate

pinia-plugin-persistedstate

Configurable persistence and rehydration of Pinia stores.
vueuse

@vueuse/nuxt

Collection of essential Vue Composition Utilities for Vue 2 and 3
i18n

@nuxtjs/i18n

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

@formkit/auto-animate

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

@nuxtjs/eslint-module

ESLint module for Nuxt
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.
sitemap

@nuxtjs/sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly.
color-mode

@nuxtjs/color-mode

Dark and Light mode for Nuxt with auto detection
robots

@nuxtjs/robots

Tame the robots crawling and indexing your Nuxt site.
magic-regexp

magic-regexp

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

@nuxtjs/google-fonts

Google Fonts module for Nuxt

@nuxtjs/device

Device detection module for Nuxt
unocss

@unocss/nuxt

The instant on-demand atomic CSS engine.
stylelint

@nuxtjs/stylelint-module

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

nuxt-csurf

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

nuxt-security

Security Module for Nuxt based on OWASP Top 10 and Helmet
mdc

@nuxtjs/mdc

MDC supercharges regular Markdown to write documents interacting deeply with any Vue component.
vee-validate

@vee-validate/nuxt

Painless Vue forms for Nuxt
schema-org

nuxt-schema-org

Quick and easy Schema.org graphs.
swiper

nuxt-swiper

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

@vite-pwa/nuxt

Zero-config PWA Plugin for Nuxt
nuxt-svgo

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components
storybook

@nuxtjs/storybook

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

@zadigetvoltaire/nuxt-gtm

A Nuxt module for Google Tag Manager
nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project
og-image

nuxt-og-image

Enlightened runtime images generated with Vue templates.

nuxt-jsonld

Manage JSON-LD in Vue component.
gtag

nuxt-gtag

Google Analytics integration for Nuxt: Google Analytics, Google Ads and more
dayjs

dayjs-nuxt

Day.js module for Nuxt
apollo

@nuxtjs/apollo

Integrate GraphQL in your Nuxt apps using vue-apollo.
link-checker

nuxt-link-checker

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

@nuxtjs/seo

The complete SEO solution for Nuxt.
sidebase-auth

@sidebase/nuxt-auth

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

nuxt-lodash

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

nuxt-delay-hydration

Improve your Nuxt v2 Google Lighthouse score by delaying hydration.
primevue

@primevue/nuxt-module

Next Generation Vue UI Component Library
tresjs

@tresjs/nuxt

Create 3D experiences in your Nuxt application using TresJS.

shadcn-nuxt

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

@formkit/nuxt

Seamless FormKit integration for Nuxt
purgecss

nuxt-purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt
fontaine

@nuxtjs/fontaine

Automatically optimized font fallback based on font metrics
element-plus

@element-plus/nuxt

A Vue 3 based component library for designers and developers
icons

nuxt-icons

Use your own automatically imported SVG icons.
vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.
headlessui

nuxt-headlessui

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

nuxt-typed-router

Provide autocompletion for pages route names and params
maz-ui

maz-ui

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

@storyblok/nuxt

Storyblok Nuxt module

vue3-carousel-nuxt

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

@sentry/nuxt

Official Sentry SDK for Nuxt (EXPERIMENTAL)
supabase

@nuxtjs/supabase

First class integration with Supabase
graphql-client

nuxt-graphql-client

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

@nuxtjs/html-validator

Automatically validate Nuxt server-rendered HTML html

@nuxtjs/svg-sprite

Optimized and Easy way to use svg files in Nuxt
prismic

@nuxtjs/prismic

Easily connect your Nuxt application to your content hosted on Prismic

nuxt-auth-utils

Minimalist Auth module for Nuxt with SSR.
studio

@nuxthq/studio

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

@nuxthub/core

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

@nuxtjs/partytown

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

@samk-dev/nuxt-vcalendar

VCalendar module for Nuxt
strapi

@nuxtjs/strapi

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

@twicpics/components

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

nuxt-vitalizer

Instantly better LCP scores in Google Lighthouse
prometheus

@artmizu/nuxt-prometheus

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

@nuxtjs/turnstile

Privacy-focused alternative to CAPTCHA from Cloudflare
nuxt-social-share

@stefanobartoletti/nuxt-social-share

Simple social sharing for your Nuxt Sites

@kgierke/nuxt-basic-auth

Nuxt Module for Basic Authentication
algolia

@nuxtjs/algolia

Algolia Search Module for Nuxt
cookie-control

@dargmuesli/nuxt-cookie-control

A highly configurable cookie banner for Nuxt.
plausible

@nuxtjs/plausible

Nuxt module to natively integrate Plausible analytics
vue-transitions

@morev/vue-transitions

Reusable interface transitions with no CSS needed ❤️
quasar

nuxt-quasar-ui

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

@nuxtjs/sanity

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

@vue-macros/nuxt

Explore more macros and syntax sugar to Vue.
bugsnag

nuxt-bugsnag

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

nuxt-vuefire

Idiomatic composables for the Firebase SDK
web-vitals

@nuxtjs/web-vitals

Web Vitals for Nuxt
tiptap

nuxt-tiptap-editor

Essentials to Quickly Integrate TipTap Editor into your Nuxt App
windicss

nuxt-windicss

Next generation utility-first CSS framework.
nuxt-booster

nuxt-booster

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

nuxt-aos

A Nuxt module that adds Animate On Scroll

nuxt-time

Safely render local dates and times on the server with Nuxt
nuxt-monaco-editor

nuxt-monaco-editor

Integrate monaco-editor with Nuxt
ant-design-vue

@ant-design-vue/nuxt

A Vue 3 based component library for designers and developers
leaflet

@nuxtjs/leaflet

Leaflet integration with Nuxt
nuxt-vue3-google-signin

nuxt-vue3-google-signin

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

@vesp/nuxt-fontawesome

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

nuxt-auth-sanctum

Nuxt module for Laravel Sanctum authentication
vueform

@vueform/nuxt

Official Vueform module for Nuxt
vue-query

@hebilicious/vue-query-nuxt

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

nuxt-umami

Embed the Umami analytics library into Nuxt
graphql-request

nuxt-graphql-request

Easy Minimal GraphQL client integration with Nuxt
stripe-next

@unlok-co/nuxt-stripe

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.
vue-email

@vue-email/nuxt

💌 Write email templates with vue
api-party

nuxt-api-party

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

nuxt-snackbar

Nuxt Snackbar module using vue3-snackbar
nuxt-mapbox

nuxt-mapbox

Elegant Mapbox integration with Nuxt

@hypernym/nuxt-anime

Anime.js module for Nuxt

nuxt-mail

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

nuxt-directus

Easily connect your Nuxt application to your directus server.
google-adsense

@nuxtjs/google-adsense

Google Adsense Module for Nuxt

nuxt-clarity-analytics

Clarity Analytics Module for Nuxt
marquee

nuxt-marquee

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

@sidebase/nuxt-pdf

Zero-boilerplate PDF exports of your Pages and Components
echarts

nuxt-echarts

Nuxt Module for Apache ECharts™
nuxt-zod-i18n

nuxt-zod-i18n

A Nuxt Module for localizing zod error messages.
ionic

@nuxtjs/ionic

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

nuxt-logrocket

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

@prisma/nuxt

Integrate Nuxt with Prisma ORM to simplify database access!
fathom-analytics

nuxt-fathom

Fathom analytics integration for Nuxt
calendly

nuxt-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.
vue-final-modal

@vue-final-modal/nuxt

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

nuxt-i18n-micro

I18n Micro is a fast, simple, and lightweight internationalization (i18n) module.
nuxt-posthog

nuxt-posthog

Integrate PostHog into your application with minimal configuration
vant

@vant/nuxt

A lightweight, customizable Vue UI library for mobile web apps.
nuxt-phosphor-icons

nuxt-phosphor-icons

Just a simple integration for @phosphor-icons in Nuxt
authjs

@hebilicious/authjs-nuxt

Auth.js authentication Nuxt module. Edge compatible.
hotjar

nuxt-module-hotjar

Add HotJar to your Nuxt application
lucide-icons

nuxt-lucide-icons

Nuxt module to integrate Lucide icons

nuxt-anchorscroll

Scroll to top and to anchor support for Nuxt

nuxt-meta-pixel

Meta (Facebook) pixel integration for Nuxt. Multi-pixel, auto page view and more.
use-bootstrap

usebootstrap

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

nuxt-easy-lightbox

A plugin for simple Vue 3 Image Lightbox component with Zoom / Drag / Rotate / Switch.
electron

nuxt-electron

Integrate Nuxt and Electron.

nuxt-svgo-loader

Nuxt module to load SVG files as Vue components, using SVGO for optimization.
nuxt-graphql-middleware

nuxt-graphql-middleware

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

nuxt-cloudflare-analytics

Cloudflare Web Analytics Module for Nuxt
nuxt-plotly

nuxt-plotly

nuxt-plotly is a thin Nuxt wrapper for plotly.js
pinia-orm

@pinia-orm/nuxt

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

@unlazy/nuxt

Lazy loading library for placeholder images
scalar

@scalar/nuxt

Render a beautiful API References based on a OpenAPI/Swagger file with Nuxt.
nuxt-mongoose

nuxt-mongoose

A Nuxt module for simplifying the use of Mongoose in your project.
paypal

nuxt-paypal

A Nuxt module for simplifying the use of Paypal in your project.
meilisearch

nuxt-meilisearch

Meilisearch Instant Search module for Nuxt
prepare

nuxt-prepare

Initialization steps at build time – like Nuxt 2 server init
nuxt-oidc-auth

nuxt-oidc-auth

Seamless modern authentication for Nuxt applications.
tailvue

tailvue

Vue components built for Vue3 powered by Windi CSS or tailwindcss
nuxt-cookie-consent

@weareheavy/nuxt-cookie-consent

Nuxt module for integrating with cookie consent providers with ease
typo3

@t3headless/nuxt-typo3

TYPO3 Headless Frontend Rendering module
storefront-ui

@storefront-ui/nuxt

Storefront UI for Nuxt by Alokai

nuxt-particles

Easily add particle animations to your Nuxt projects using tsParticles
nuxt-mdi

nuxt-mdi

Add 7,000+ icons to your Nuxt application, from Material Design Icons.
radash

nuxt-radash

radash module with auto-import and custom prefix
nuxt-bootstrap-icons

nuxt-bootstrap-icons

Just a simple integration for Bootstrap Icons
well-known

@zadigetvoltaire/nuxt-well-known

A Nuxt module to add well-known URIs using middlewares
chatwoot

@productdevbook/chatwoot

Chatwoot is an open-source customer engagement platform that helps companies engage their customers on their website
ngrok

@nuxtjs/ngrok

ngrok exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes.
nuxt-file-storage

nuxt-file-storage

Easy solution to store files in your nuxt apps. Upload files from the frontend and recieve them from the backend to save the files in your project.
nuxt-openapi-docs-module

nuxt-openapi-docs-module

Generate pages from OpenAPI specifications
kql

nuxt-kql

Nuxt module for Kirby's Query Language API

nuxt-authorization

Manage permissions inside the app and the server.
content-assets

nuxt-content-assets

Enable locally-located assets in Nuxt Content
drupal-ce

nuxtjs-drupal-ce

Connects Nuxt with Drupal via the Lupus Custom Elements Renderer

nuxt-ssr-lit

Server-Side Rendering for Lit Element components
emotion

@nuxtjs/emotion

The Next Generation of CSS-in-JS for Nuxt
icon-tw

nuxt-icon-tw

Extended Icon module with Tailwind CSS Icons for Nuxt
nodemailer

nuxt-nodemailer

Nuxt integration for nodemailer
disqus

nuxt-disqus

Disqus Comments Module for Nuxt - Instantly add a comment widget to your app
rollbar

nuxt-rollbar

Nuxt 3 module to integrate Rollbar.
vuestic

@vuestic/nuxt

Vuestic UI module for Nuxt
swiftsearch

@atoms-studio/nuxt-swiftsearch

Nuxt module for a typesafe, SSR first algolia instantsearch experience
nuxt-laravel-echo

nuxt-laravel-echo

Nuxt module for Laravel Echo integration
xstate

nuxt-xstate

XState integration for Nuxt

nuxt-payload-analyzer

Analyze Nuxt Payload Size
nuxt-chatgpt

nuxt-chatgpt

ChatGPT integration for Nuxt

nuxt-graphql-server

Easy GraphQL server implementation with Nuxt

nuxt-capo

Capo.js implementation for Nuxt
onyx

@sit-onyx/nuxt

A design system and Vue.js component library created by Schwarz IT
nuxt-bezier

nuxt-bezier

Reusable transition components
nuxt-sanctum-authentication

@qirolab/nuxt-sanctum-authentication

Nuxt 3 module for easy Laravel Sanctum authentication, offering CSRF token management, both cookie and token-based auth, and SSR compatibility.
oku-primitives

@oku-ui/primitives

Unlock seamless, high-performance Vue apps with accessible, customizable components designed for modern, intuitive web experiences. Empower your Vue apps.

nuxt-module-feed

Feed module enables everyone to have RSS, Atom and JSON.
nuxt-pdf-frame

@i2d/nuxt-pdf-frame

Nuxt module for template based PDF and Canvas rendering, powered by I2djs.
seo-experiments

nuxt-seo-utils

Powerful SEO DX improvements.

nupolyon

Inject polyfill from polyfill.io to nuxt project, auto detect based on browserslist config
nuxt-codemirror

nuxt-codemirror

Nuxt codemirror module

nuxt3-interpolation

medusa

nuxt-medusa

Easily connect to Medusa from your Nuxt application
pdfeasy

nuxt-pdfeasy

A JavaScript Client/Server Side PDF-Generator based in PDFKit
twemoji

nuxt-twemoji

Twemoji module for Nuxt. Render emojis as SVG elements or PNG images.
nuxt-maplibre

nuxt-maplibre

Maplibre integration with Nuxt
resend

nuxt-resend

Resend integration for Nuxt
inkline

@inkline/plugin

Nuxt Module for Inkline, the intuitive UI UX DX Components library for Vue.js 3 Design Systems.
keen-slider

nuxt-keen-slider

Best, lightweight Keen Slider for best web performance
translation-manager

nuxt-translation-manager

Simple and easy to use translation manager for Nuxt and Nuxt-i18n that allows translation management from a single CSV file.
contentstack

nuxt-contentstack

Contentstack integration for Nuxt
tradingview

nuxt-tradingview

Use the TradingView Widgets in your Nuxt Application
form-actions

@hebilicious/form-actions-nuxt

A set of features and composables to interact with forms and server data.
webhook-validators

nuxt-webhook-validators

Nuxt module that works on the edge to easily validate incoming webhooks from different services.

@coremyslo/nuxt-icon-font

Automatically generates fonts and custom properties (variables) from a specified folder containing SVG icons, injecting them into pages with live monitoring.

@vue-api/nuxt

A flexible and provider-agnostic API handling library for Vue 3 and Nuxt 3. Supports multiple data providers like axios, ofetch and more. It includes a robust model mapping feature.
doppler

nuxt-doppler

Integrate your Doppler secrets into your Nuxt build
pinia-colada

@pinia/colada-nuxt

The smart data fetching layer for Pinia
nuxt-localtunnel

@nuxtus/nuxt-localtunnel

Exposes your Nuxt localhost to the world automatically.
arco-design-nuxt-module

arco-design-nuxt-module

Nuxt Module for Arco Design Vue. Automatically import components, icons and more.
jsonapi

nuxt-jsonapi

Easy JSON:API client integration for Nuxt
nuxt-toc

nuxt-toc

Nuxt module for table of contents (TOC) component in Nuxt Content projects

nuxt-openid-connect

OpenID-Connect(OIDC) integration module for nuxt 3.0.
appwrite

nuxt-appwrite

Appwrite module for Nuxt
nuxt-feather-icons

nuxt-feather-icons

The Feather Icons in Nuxt 3.
planship

@planship/nuxt

Entitlements, metering, plan packaging, and subscription management for Nuxt apps.
surrealdb

nuxt-surrealdb

A Nuxt module aimed to simplify the use of SurrealDB
nuxt-telegram-auth

nuxt-telegram-auth

Telegram login widget integration for Nuxt 3
nuxt-facebook-chat

nuxt-facebook-chat

nuxt-plotly module is thin Nuxt wrapper for Facebook's Customer Chat SDK
artivue

artivue

A dynamic & layered theming engine for Vue applications. Pick a color and transform your entire application!

dragon-editor

Javascript WYSIWYG editor in Nuxt!
locomotive-scroll

nuxt-locomotive-scroll

A Nuxt module to easily integrate Locomotive Scroll into your Nuxt application.
vueform-builder

@vueform/builder-nuxt

Official Vueform Builder module for Nuxt
varlet

@varlet/nuxt

A Material design mobile component library developed based on Vue3
api-shield

nuxt-api-shield

Nuxt API Shield - Rate Limiting
hanko

@nuxtjs/hanko

Hanko integration for Nuxt for passwordless authentication
datocms

@hexdigital/nuxt-datocms

DatoCMS module for Nuxt
vexip-ui

@vexip-ui/nuxt

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
server-block

@hebilicious/server-block-nuxt

Use <server> tags in your Nuxt pages components.

nuxt-feedme

The RSS feed module for Nuxt web framework with ATOM, JSON and RSS support
pergel

pergel

Pergel is a tailor-made solution for Nuxt and Nitro, providing swift project kickstarts and seamless integration of various modules.
snipcart

@nuxtjs/snipcart

Snipcart integration module for Nuxt
harlem

@nuxtjs/harlem

Harlem is a simple, unopinionated, lightweight and extensible state management solution for Vue 3.
nuxt-http-client-hints

nuxt-http-client-hints

Nuxt HTTP Client Hints

nuxt-loco

A localise.biz module to synth locale with Nuxt
edgedb

nuxt-edgedb-module

Integrate Nuxt 3 with EdgeDB effortlessly, adding a robust database layer to your app with minimal configuration.
precognition

nuxt-precognition

Nuxt module implementing Laravel Precognition protocol in Nitro
vaxee

@vaxee/nuxt

The State Manager for Vue 3
nuxt-asciidoc

nuxt-asciidoc

Transformer for using asciidoc in nuxt
nuxt-uswds

nuxt-uswds

Vue USWDS (United States Web Design System) integration for Nuxt.js
nuxt-coolify

nuxt-coolify

Integrate Nuxt and Nitro With Coolify's API using nuxt-coolify.
wideangle

wideangle-nuxt

Nuxt module to integrate Wide Angle Analytics
nuxt-fortify

nuxt-fortify

Use Laravel fortify and sanctum with Nuxt
ark-ui

nuxt-ark-ui

A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.
neo4j

nuxt-neo4j

Effortlessly integrate Neo4j's powerful graph database into your Nuxt applications!
mailpit

nuxt-mailpit

Integrates Mailpit web UI in Nuxt devtools