Join the Nuxt Team at Frontend Nation 4-7 June.

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.

icon

icon

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

device

Device detection module for Nuxt

unocss

unocss

The instant on-demand atomic CSS engine.

google-fonts

google-fonts

Google Fonts module for Nuxt

robots

robots

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

stylelint

stylelint

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

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.

pinia-plugin-persistedstate

pinia-plugin-persistedstate

Configurable persistence and rehydration of Pinia stores.

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.

ui

uiOfficial

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

magic-regexp

magic-regexp

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

mdc

mdc

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

csurf

csurf

Cross-Site Request Forgery (CSRF) Prevention for Nuxt

security

security

Security Module for Nuxt based on OWASP Top 10 and Helmet

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.

vee-validate

vee-validate

Painless Vue forms for Nuxt

nuxt-jsonld

Manage JSON-LD in Vue component.

swiper

swiper

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

schema-org

schema-org

Quick and easy Schema.org graphs.

eslint

eslintOfficial

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

nuxt-gtm

nuxt-gtm

A Nuxt module for Google Tag Manager

apollo

apollo

Integrate GraphQL in your Nuxt apps using vue-apollo.

nuxt-svgo

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components

storybook

storybook

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

gtag

gtag

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

purgecss

purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper 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.

og-image

og-image

Enlightened runtime images generated with Vue templates.

dayjs

dayjs

Day.js module for Nuxt

primevue

primevue

Next Generation Vue UI Component Library

link-checker

link-checker

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

formkit

formkit

Seamless FormKit integration for 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.

typed-router

typed-router

Provide autocompletion for pages route names and params

svg-sprite

Optimized and Easy way to use svg files in Nuxt

fonts

fontsOfficial

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

nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project

element-plus

element-plus

A Vue 3 based component library for designers and developers

seo-experiments

seo-experiments

Powerful SEO DX improvements.

headlessui

headlessui

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

icons

icons

Use your own automatically imported SVG icons.

fontaine

fontaine

Automatically optimized font fallback based on font metrics

html-validator

html-validator

Automatically validate Nuxt server-rendered HTML html

seo

seo

The complete SEO solution for Nuxt.

maz-ui

maz-ui

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

supabase

supabase

First class integration with Supabase

storyblok

storyblok

Storyblok Nuxt module

vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.

shadcn

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

studio

studio

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

vue3-carousel-nuxt

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

partytown

partytown

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

prismic

prismic

Easily connect your Nuxt application to your content hosted on Prismic

graphql-client

graphql-client

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

strapi

strapi

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

web-vitals

web-vitals

Web Vitals for Nuxt

cookie-control

cookie-control

A highly configurable cookie banner for Nuxt.

algolia

algolia

Algolia Search Module for Nuxt

windicss

windicss

Next generation utility-first CSS framework.

plausible

plausible

Nuxt module to natively integrate Plausible analytics