kmcom-nuxt-layers

Composable Nuxt 4 layers for building scalable Vue applications
16,522
Install
npm install kmcom-nuxt-layers
Latest Version:6.4.0
Vue:3
License:ISC
Last Updated:Oct 24, 2026
Links: GitHub  ·  npm
Maintainer: kieranmansfield

kmcom-nuxt-layers

Composable Nuxt 4 layers for building scalable Vue applications. Pick only the layers you need.

Quick Start

npm install kmcom-nuxt-layers

// nuxt.config.ts
export default defineNuxtConfig({
  extends: [
    'kmcom-nuxt-layers/layers/core',
    'kmcom-nuxt-layers/layers/typography',
    // add more layers as needed
  ]
})

Layers

Layer Description
core Foundation — Nuxt UI, VueUse, Pinia, loading screen, error handling, Element primitives
theming / typography / visual Design system — accents, type, gradients, modals
layout / navigation / routing Structure — grids, stacks, nav components, feature flags
content CMS — @nuxt/content, Nuxt Studio
database / auth / metadata / mailer / forms Data — Drizzle + Neon, GitHub OAuth, metadata providers, Resend, Zod forms
scroll / animations / transitions / page-transitions / motion Motion — GSAP, Locomotive Scroll
canvas / shader Render — TresJS, WebGPU/TSL
seo / scripts / feeds Delivery — @nuxtjs/seo, @nuxt/scripts, RSS/Atom/JSON feeds

Upgrading from v2: ui → typography + navigation + visual, theme → theming, starter removed.

All layers depend on core. Always list core first in extends.

Documentation

  • Usage Guide — installation, configuration examples, layer dependencies
  • Architecture — internal structure, alias system, dev workflow

License

ISC

Version History

Version Released Vue License
6.4.0 ^3.0 ISC
6.3.0 ^3.0 ISC
6.2.1 ^3.0 ISC
6.2.0 ^3.0 ISC
6.1.0 ^3.0 ISC