Изучите Nuxt с коллекцией из 100+ советов!

Nuxt модули

Откройте для себя наш список модулей, которые помогут вам усовершенствовать ваш проект Nuxt. Создан командой и сообществом Nuxt.

Nuxt Image

Оптимизация изображений по принципу «подключи и работай».

Nuxt Content

CMS на основе Git с поддержкой Markdown.

Nuxt DevTools

Визуальные инструменты, которые помогут вам лучше узнать свое приложение.

Nuxt UI

Полностью стилизованные и настраиваемые компоненты.
/
logto

logtoСпонсор

The better Nuxt auth module for developers.
kinde

kindeСпонсор

Kinde authentication integration for Nuxt
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
tailwindcss

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.
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
test-utils

test-utilsОфициальный

Test utilities for Nuxt
image

imageОфициальный

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

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

sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly.
color-mode

color-mode

Dark and Light mode for Nuxt with auto detection
eslint

eslintОфициальный

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

robots

Tame the robots crawling and indexing your Nuxt site.
google-fonts

google-fonts

Google Fonts module for Nuxt

device

Device detection module for Nuxt
magic-regexp

magic-regexp

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

unocss

The instant on-demand atomic CSS engine.
icon

iconОфициальный

Icon module for Nuxt with 200,000+ ready to use icons from Iconify.
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.
stylelint

stylelint

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

uiОфициальный

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

csurf

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

security

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

mdc

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

vee-validate

Painless Vue forms for Nuxt
schema-org

schema-org

Quick and easy Schema.org graphs.
nuxt-svgo

nuxt-svgo

Nuxt module to load optimized SVG files as Vue components
swiper

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-gtm

nuxt-gtm

A Nuxt module for Google Tag Manager
og-image

og-image

Enlightened runtime images generated with Vue templates.
gtag

gtag

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

fontsОфициальный

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

nuxt-jsonld

Manage JSON-LD in Vue component.
apollo

apollo

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

dayjs

Day.js module for Nuxt
storybook

storybook

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

link-checker

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

sidebase-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.
seo-experiments

seo-experiments

Powerful SEO DX improvements.
seo

seo

The complete SEO solution for Nuxt.
lodash

lodash

lodash module with auto-import and custom prefix
vuetify-nuxt-module

vuetify-nuxt-module

Zero-config Nuxt Module for Vuetify.
tresjs

tresjs

Create 3D experiences in your Nuxt application using TresJS.
delay-hydration

delay-hydration

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

formkit

Seamless FormKit integration for Nuxt
scripts

scriptsОфициальный

Plug-and-play script optimization for Nuxt applications.
nuxt-viewport

nuxt-viewport

Define custom viewports for your Nuxt project
purgecss

purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt
element-plus

element-plus

A Vue 3 based component library for designers and developers
icons

icons

Use your own automatically imported SVG icons.

shadcn

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

primevue

Next Generation Vue UI Component Library
fontaine

fontaine

Automatically optimized font fallback based on font metrics
typed-router

typed-router

Provide autocompletion for pages route names and params
headlessui

headlessui

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

storyblok

Storyblok Nuxt module
supabase

supabase

First class integration with Supabase
maz-ui

maz-ui

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

html-validator

Automatically validate Nuxt server-rendered HTML html

vue3-carousel-nuxt

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

svg-sprite

Optimized and Easy way to use svg files in Nuxt
studio

studio

A new experience to build content-driven website with Nuxt.
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.
partytown

partytown

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

turnstile

Privacy-focused alternative to CAPTCHA from Cloudflare
strapi

strapi

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

auth-utils

Minimalist Auth module for Nuxt with SSR.
hub

hub

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

algolia

Algolia Search Module for Nuxt
vue-macros

vue-macros

Explore more macros and syntax sugar to Vue.
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
cookie-control

cookie-control

A highly configurable cookie banner for Nuxt.

nuxt-basic-auth

Nuxt Module for Basic Authentication
plausible

plausible

Nuxt module to natively integrate Plausible analytics
quasar

quasar

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

web-vitals

Web Vitals for Nuxt
vue-transitions

vue-transitions

Reusable interface transitions with no CSS needed ❤️
twicpics

twicpics

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

bugsnag

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

vitalizer

Instantly better LCP scores in Google Lighthouse
windicss

windicss

Next generation utility-first CSS framework.
sanity

sanity

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

aos

A Nuxt module that adds Animate On Scroll
vuefire

vuefire

Idiomatic composables for the Firebase SDK
nuxt-social-share

nuxt-social-share

Simple Social Sharing for Nuxt
tiptap

tiptap

Essentials to Quickly Integrate TipTap Editor into your Nuxt App

time

Safely render local dates and times on the server with Nuxt
sentry

sentry

Official Sentry SDK for Nuxt (EXPERIMENTAL)
nuxt-booster

nuxt-booster

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

nuxt-vue3-google-signin

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

ant-design-vue

A Vue 3 based component library for designers and developers
prisma

prisma

Integrate Nuxt with Prisma ORM to simplify database access!
nuxt-monaco-editor

nuxt-monaco-editor

Integrate monaco-editor with Nuxt
umami

umami

Embed the Umami analytics library into Nuxt
vue-email

vue-email

💌 Write email templates with vue
leaflet

leaflet

Leaflet integration with Nuxt
nuxt-fontawesome

nuxt-fontawesome

Module to use Font Awesome 6 icons in your Nuxt project
vue-query

vue-query

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

vueform

Official Vueform module for Nuxt
marquee

marquee

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

snackbar

Nuxt Snackbar module using vue3-snackbar
graphql-request

graphql-request

Easy Minimal GraphQL client integration with Nuxt
nuxt-auth-sanctum

nuxt-auth-sanctum

Nuxt module for Laravel Sanctum authentication
authjs

authjs

Auth.js authentication Nuxt module. Edge compatible.
nuxt-mapbox

nuxt-mapbox

Elegant Mapbox integration with Nuxt
directus

directus

Easily connect your Nuxt application to your directus server.

nuxt-mail

Adds email sending capability to a Nuxt.js app. Adds a server route, an injected variable, and uses nodemailer to send emails.
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

animejs

Anime.js module for Nuxt
nuxt-pdf

nuxt-pdf

Zero-boilerplate PDF exports of your Pages and Components

clarity-analytics

Clarity Analytics Module for Nuxt
ionic

ionic

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

api-party

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

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.
nuxt-zod-i18n

nuxt-zod-i18n

A Nuxt Module for localizing zod error messages.
vue-final-modal

vue-final-modal

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

echarts

Nuxt Module for Apache ECharts™
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.
fathom-analytics

fathom-analytics

Fathom analytics integration for Nuxt
nuxt-phosphor-icons

nuxt-phosphor-icons

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

vant

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

cloudflare-analytics

Cloudflare Web Analytics Module for Nuxt
tailvue

tailvue

Vue components built for Vue3 powered by Windi CSS or tailwindcss
unlazy

unlazy

Lazy loading library for placeholder images
lucide-icons

lucide-icons

Nuxt module to integrate Lucide icons
logrocket

logrocket

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

hotjar

Add HotJar to your Nuxt application
electron

electron

Integrate Nuxt and Electron.
use-bootstrap

use-bootstrap

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

nuxt-svgo-loader

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

particles

Easily add particle animations to your Nuxt projects using tsParticles
pinia-orm

pinia-orm

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

nuxt-plotly

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

kql

Nuxt module for Kirby's Query Language API
emotion

emotion

The Next Generation of CSS-in-JS for Nuxt
nuxt-i18n-micro

nuxt-i18n-micro

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

nuxt-oidc-auth

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

nuxt-posthog

Integrate PostHog into your application with minimal configuration
nuxt-mongoose

nuxt-mongoose

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

prepare

Initialization steps at build time – like Nuxt 2 server init
nuxt-graphql-middleware

nuxt-graphql-middleware

Expose GraphQL queries and mutations as server API routes.
typo3

typo3

TYPO3 Headless Frontend Rendering module
meilisearch

meilisearch

Meilisearch Instant Search module for Nuxt

ssr-lit

Server-Side Rendering for Lit Element components
nuxt-cookie-consent

nuxt-cookie-consent

Nuxt module for integrating with cookie consent providers with ease
easy-lightbox

easy-lightbox

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

nuxt-mdi

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

radash

radash module with auto-import and custom prefix
scalar

scalar

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

authorization

Manage permissions inside the app and the server.
ngrok

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.
content-assets

content-assets

Enable locally-located assets in Nuxt Content
storefront-ui

storefront-ui

Storefront UI for Nuxt by Alokai
swiftsearch

swiftsearch

Nuxt module for a typesafe, SSR first algolia instantsearch experience
paypal

paypal

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

drupal-ce

Connects Nuxt with Drupal via the Lupus Custom Elements Renderer
icon-tw

icon-tw

Extended Icon module with Tailwind CSS Icons for Nuxt
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.
medusa

medusa

Easily connect to Medusa from your Nuxt application
well-known

well-known

A Nuxt module to add well-known URIs using middlewares
nuxt-bootstrap-icons

nuxt-bootstrap-icons

Just a simple integration for Bootstrap Icons
onyx

onyx

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

chatwoot

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

vuestic

Vuestic UI module for Nuxt
nuxt-openapi-docs-module

nuxt-openapi-docs-module

Generate pages from OpenAPI specifications
xstate

xstate

XState integration for Nuxt
pdfeasy

pdfeasy

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

nuxt-bezier

Reusable transition components
nuxt-chatgpt

nuxt-chatgpt

ChatGPT integration for Nuxt
twemoji

twemoji

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

nuxt-payload-analyzer

Analyze Nuxt Payload Size
disqus

disqus

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

graphql-server

Easy GraphQL server implementation with Nuxt

vue-api

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.

nuxt3-interpolation

icon-font

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

nodemailer

Nuxt integration for nodemailer
api-shield

api-shield

Nuxt API Shield - Rate Limiting

capo

Capo.js implementation for Nuxt
vaxee

vaxee

The State Manager for Vue 3
nuxt-maplibre

nuxt-maplibre

Maplibre integration with Nuxt
inkline

inkline

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

nupolyon

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

resend

Resend integration for Nuxt
appwrite

appwrite

Appwrite module for Nuxt
form-actions

form-actions

A set of features and composables to interact with forms and server data.
nuxt-laravel-echo

nuxt-laravel-echo

Nuxt module for Laravel Echo integration
rollbar

rollbar

Nuxt 3 module to integrate Rollbar.
nuxt-feather-icons

nuxt-feather-icons

The Feather Icons in Nuxt 3.
arco-design-nuxt-module

arco-design-nuxt-module

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

module-feed

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

surrealdb

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

nuxt-localtunnel

Exposes your Nuxt localhost to the world automatically.

dragon-editor

Javascript WYSIWYG editor in Nuxt!
keen-slider

keen-slider

Best, lightweight Keen Slider for best web performance
tradingview

tradingview

Use the TradingView Widgets in your Nuxt Application

nuxt-loco

A localise.biz module to synth locale with Nuxt
nuxt-codemirror

nuxt-codemirror

Nuxt codemirror module
nuxt-pdf-frame

nuxt-pdf-frame

Nuxt module for template based PDF and Canvas rendering, powered by I2djs.
harlem

harlem

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

nuxt-openid-connect

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

pergel

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

webhook-validators

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

jsonapi

Easy JSON:API client integration for Nuxt
nuxt-facebook-chat

nuxt-facebook-chat

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

hanko

Hanko integration for Nuxt for passwordless authentication
edgedb

edgedb

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

nuxt-feedme

The RSS feed module for Nuxt web framework with ATOM, JSON and RSS support
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.
nuxt-telegram-auth

nuxt-telegram-auth

Telegram login widget integration for Nuxt 3
wideangle

wideangle

Nuxt module to integrate Wide Angle Analytics
locomotive-scroll

locomotive-scroll

A Nuxt module to easily integrate Locomotive Scroll into your Nuxt application.
doppler

doppler

Integrate your Doppler secrets into your Nuxt build
server-block

server-block

Use <server> tags in your Nuxt pages components.
varlet

varlet

A Material design mobile component library developed based on Vue3
ununuracss

ununuracss

A Real CSS Engine. Only Scoped.
vueform-builder

vueform-builder

Official Vueform Builder module for Nuxt
precognition

precognition

Nuxt module implementing Laravel Precognition protocol in Nitro
nuxt-uswds

nuxt-uswds

Vue USWDS (United States Web Design System) integration for Nuxt.js
tgauth

tgauth

Extremely simple "Login with Telegram" button
snipcart

snipcart

Snipcart integration module for Nuxt
datocms

datocms

DatoCMS module for Nuxt
vexip-ui

vexip-ui

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

ark-ui

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

mailpit

Integrates Mailpit web UI in Nuxt devtools
neo4j

neo4j

Effortlessly integrate Neo4j's powerful graph database into your Nuxt applications!
nuxt-fortify

nuxt-fortify

Use Laravel fortify and sanctum with Nuxt
nuxt-hue

nuxt-hue

Enlighten your Nuxt experience

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
artivue

artivue

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

shuimo-ui

A Chinese Shuimo style component library.
mojocss

mojocss

The Atomic CSS Framework for crafting gorgeous UIs without shipping any CSS.