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.

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

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

image

image

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

color-mode

color-mode

Dark and Light mode for Nuxt with auto detection

sitemap

sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly.

device

Device detection module for Nuxt

google-fonts

google-fonts

Google Fonts module for Nuxt

robots

robots

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

icon

icon

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

stylelint

stylelint

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

unocss

unocss

The instant on-demand atomic CSS engine.

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.

pinia-plugin-persistedstate

pinia-plugin-persistedstate

Configurable persistence and rehydration of Pinia stores.

apollo

apollo

Integrate GraphQL in your Nuxt apps using vue-apollo.

ui

ui

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

vitest

vitest

Vitest integration with 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.

csurf

csurf

Cross-Site Request Forgery (CSRF) Prevention for Nuxt

security

security

Security Module for Nuxt based on OWASP Top 10 and Helmet

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.

purgecss

purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt

swiper

swiper

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

simple-robots

simple-robots

Tame the robots crawling and indexing your Nuxt site.

vite-pwa-nuxt

vite-pwa-nuxt

Zero-config PWA Plugin for Nuxt

vee-validate

vee-validate

Painless Vue forms for Nuxt

schema-org

schema-org

Quick and easy Schema.org graphs.

magic-regexp

magic-regexp

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

nuxt-gtm

nuxt-gtm

A Nuxt module for Google Tag Manager

typed-router

typed-router

Provide autocompletion for pages route names and params

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.

formkit

formkit

Seamless FormKit integration for Nuxt

nuxt-svgo

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components

gtag

gtag

Google Analytics integration for Nuxt

dayjs

dayjs

Day.js module for Nuxt

og-image

og-image

Enlightened runtime images generated with Vue templates.

svg-sprite

Optimized and Easy way to use svg files in Nuxt

lodash

lodash

lodash module with auto-import and custom prefix

delay-hydration

delay-hydration

Improve your Nuxt v2 Google Lighthouse score by delaying hydration.

fontaine

fontaine

Automatically optimized font fallback based on font metrics

link-checker

link-checker

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

headlessui

headlessui

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

element-plus

element-plus

A Vue 3 based component library for designers and developers

html-validator

html-validator

Automatically validate Nuxt server-rendered HTML html

icons

icons

Use your own automatically imported SVG icons.

web-vitals

web-vitals

Web Vitals for Nuxt

primevue

primevue

Next Generation Vue UI Component Library

storyblok

storyblok

Storyblok Nuxt module

nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project

studio

studio

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

supabase

supabase

First class integration with Supabase

seo-experiments

seo-experiments

Powerful SEO DX improvements.

strapi

strapi

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

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.

graphql-client

graphql-client

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

vue3-carousel-nuxt

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

plausible

plausible

Nuxt module to natively integrate Plausible analytics

windicss

windicss

Next generation utility-first CSS framework.

cookie-control

cookie-control

A highly configurable cookie banner for Nuxt.

vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.

algolia

algolia

Algolia Search Module for Nuxt

seo

seo

The complete SEO solution for Nuxt.

vue-macros

vue-macros

Explore more macros and syntax sugar to Vue.

bugsnag

bugsnag

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

google-adsense

google-adsense

Google Adsense Module for Nuxt

sanity

sanity

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

turnstile

turnstile

Privacy-focused alternative to CAPTCHA from Cloudflare

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

graphql-request

graphql-request

Easy Minimal GraphQL client integration with Nuxt

twicpics

twicpics

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

quasar

quasar

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

vuefire

vuefire

Idiomatic composables for the Firebase SDK

vue-transitions

vue-transitions

Reusable interface transitions with no CSS needed ❤️

nuxt3-leaflet

nuxt3-leaflet

Leaflet integration with Nuxt

vcalendar

vcalendar

VCalendar module for Nuxt

prometheus

prometheus

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

nuxt-pdf

nuxt-pdf

Zero-boilerplate PDF exports of your Pages and Components

ant-design-vue

ant-design-vue

A Vue 3 based component library for designers and developers

nuxt-basic-auth

Nuxt Module for Basic Authentication

time

Safely render local dates and times on the server with Nuxt

nuxt-monaco-editor

nuxt-monaco-editor

Integrate monaco-editor with Nuxt

authjs

authjs

Auth.js authentication Nuxt module. Edge compatible.

nuxt-mapbox

nuxt-mapbox

Elegant Mapbox integration with Nuxt

nuxt-vue3-google-signin

nuxt-vue3-google-signin

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

vue-email

vue-email

💌 Write email templates with vue

tresjs

tresjs

Create 3D experiences in your Nuxt application using TresJS.

snackbar

snackbar

Nuxt Snackbar module using vue3-snackbar

vant

vant

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

nuxt-mail

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

meilisearch

meilisearch

Meilisearch Instant Search module for Nuxt

directus

directus

Easily connect your Nuxt application to your directus server.

ionic

ionic

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

api-party

api-party

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

animejs

Anime.js module for Nuxt

vue-query

vue-query

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

nuxt-graphql-middleware

nuxt-graphql-middleware

Expose GraphQL queries and mutations as server API routes.

vue-final-modal

vue-final-modal

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

logrocket

logrocket

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

unlazy

unlazy

Lazy loading library for placeholder images

auth-utils

Minimalist Auth module for Nuxt with SSR.

nuxt-social-share

nuxt-social-share

Simple Social Sharing for Nuxt

tailvue

tailvue

Vue components built for Vue3 powered by Windi CSS or tailwindcss

use-wagmi

use-wagmi

Vue Composition for Ethereum based on wagmi

pinia-orm

pinia-orm

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

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.

aos

aos

A Nuxt module that adds Animate On Scroll

cloudflare-analytics

cloudflare-analytics

Cloudflare Web Analytics Module for Nuxt

unlighthouse

unlighthouse

Unlighthouse scans your entire site using Google Lighthouse, with a modern UI, minimal config and smart sampling.

vercel-analytics

Vercel Analytics integration for Nuxt

umami

umami

Embed the Umami analytics library into Nuxt

content-assets

content-assets

Enable locally-located assets in Nuxt Content

prepare

prepare

Initialization steps at build time – like Nuxt 2 server init

electron

electron

Integrate Nuxt and Electron.

nuxt-mongoose

nuxt-mongoose

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

particles

Easily add particle animations to your Nuxt projects using tsParticles

nuxt-auth-sanctum

nuxt-auth-sanctum

Nuxt module for Laravel Sanctum authentication

clarity-analytics

Clarity Analytics Module for Nuxt

drupal-ce

drupal-ce

Connects Nuxt with Drupal via the Lupus Custom Elements Renderer

emotion

emotion

The Next Generation of CSS-in-JS for Nuxt

ssr-lit

Server-Side Rendering for Lit Element components

xstate

xstate

XState integration for Nuxt

nuxt-openapi-docs-module

nuxt-openapi-docs-module

Generate pages from OpenAPI specifications

kql

kql

Nuxt module for Kirby's Query Language API

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.

nuxt-chatgpt

nuxt-chatgpt

ChatGPT integration for Nuxt

vuestic

vuestic

Vuestic UI module for Nuxt

vueform

vueform

Official Vueform module for Nuxt

graphql-server

Easy GraphQL server implementation with Nuxt

nuxt-payload-analyzer

Analyze Nuxt Payload Size

radash

radash

radash module with auto-import and custom prefix

nuxt-bootstrap-icons

nuxt-bootstrap-icons

Just a simple integration for Bootstrap Icons

nuxt-anchorscroll

Scroll to top and to anchor support for Nuxt

nupolyon

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

nuxt-oidc-auth

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

nuxt-zod-i18n

nuxt-zod-i18n

A Nuxt Module for localizing zod error messages.

jsonapi

jsonapi

Easy JSON:API client integration for Nuxt

lucide-icons

lucide-icons

Nuxt module to integrate Lucide icons

nuxt-phosphor-icons

nuxt-phosphor-icons

Just a simple integration for @phosphor-icons in Nuxt

nuxt-facebook-chat

nuxt-facebook-chat

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

nuxt-plotly

nuxt-plotly

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

pdfeasy

pdfeasy

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

chatwoot

chatwoot

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

nuxt-mdi

nuxt-mdi

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

disqus

disqus

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

edgedb

edgedb

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

capo

Capo.js implementation for Nuxt

medusa

medusa

Easily connect to Medusa from your Nuxt application

nuxt-feather-icons

nuxt-feather-icons

The Feather Icons in Nuxt 3.

nuxt3-interpolation

twemoji

twemoji

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

tiptap

tiptap

Essentials to Quickly Integrate TipTap Editor into your Nuxt App

inkline

inkline

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

nuxt-loco

A localise.biz module to synth locale with Nuxt

module-feed

Feed module enables everyone to have RSS, Atom and JSON.

rollbar

rollbar

Nuxt 3 module to integrate Rollbar.

appwrite

appwrite

Appwrite module for Nuxt

icon-tw

icon-tw

Extended Icon module with Tailwind CSS Icons for Nuxt

kinde

kinde

Kinde authentication integration for Nuxt

harlem

harlem

Harlem is a simple, unopinionated, lightweight and extensible state management solution for Vue 3.

well-known

well-known

A Nuxt module to add well-known URIs using middlewares

hanko

hanko

Hanko integration for Nuxt for passwordless authentication

marquee

marquee

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

fathom-analytics

fathom-analytics

Fathom analytics integration for Nuxt

form-actions

form-actions

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

arco-design-nuxt-module

arco-design-nuxt-module

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

nuxt-svgo-loader

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

server-block

server-block

Use <server> tags in your Nuxt pages components.

snipcart

snipcart

Snipcart integration module for Nuxt

nuxt-localtunnel

nuxt-localtunnel

Exposes your Nuxt localhost to the world automatically.

resend

resend

Resend integration for Nuxt

vexip-ui

vexip-ui

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

nuxt-feedme

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

paypal

paypal

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

datocms

datocms

DatoCMS module for Nuxt

laravel-precognition

laravel-precognition

Nuxt module to work with Laravel Precognition and $fetch

doppler

doppler

Integrate your Doppler secrets into your Nuxt build

varlet

varlet

A Material design mobile component library developed based on Vue3

ark-ui

ark-ui

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

typo3

typo3

TYPO3 Headless Frontend Rendering module

vueform-builder

vueform-builder

Official Vueform Builder module for Nuxt

stylify

stylify

Stylify generates utility-first CSS dynamically based on what you write. Write HTML. Get CSS.

icon-font

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

translation-manager

translation-manager

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

ununuracss

ununuracss

A Real CSS Engine. Only Scoped.

maz-ui

maz-ui

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

wideangle

wideangle

Nuxt module to integrate Wide Angle Analytics

vunix

Comprehensive UI toolkit for Vue.js and Nuxt that empowers you to build amazing user interfaces with ease. With Vunix, you can leverage the power of popular utility-first CSS frameworks like Tailwind CSS, Unocss, WindiCss, or use your own custom CSS classes.

nuxt-asciidoc

nuxt-asciidoc

Transformer for using asciidoc in nuxt

nuxt-hue

nuxt-hue

Enlighten your Nuxt experience