Composable Nuxt 4 layers for building scalable Vue applications. Pick only the layers you need.
npm install kmcom-nuxt-layers// nuxt.config.ts
export default defineNuxtConfig({
extends: [
'kmcom-nuxt-layers/layers/core',
'kmcom-nuxt-layers/layers/ui',
// add more layers as needed
]
})| Layer | Description |
|---|---|
| core | Foundation — Nuxt UI, VueUse, Pinia, loading screen, error handling, scroll guard |
| ui | Design system — typography, color, media, branding components |
| layout | Page structure — grids, containers, spacing |
| motion | Animations — GSAP, Locomotive Scroll |
| shader | 3D / WebGPU — Three.js, TresJS |
| forms | Validation — Zod-based form system |
| database | Storage — Drizzle ORM + Neon Postgres |
| auth | Authentication — nuxt-auth-utils + GitHub OAuth |
| theme | Theming — color mode, accent colors |
| content | CMS — @nuxt/content, Nuxt Studio |
All layers depend on core. Always list core first in extends.
- Usage Guide — installation, configuration examples, layer dependencies
- Architecture — internal structure, alias system, dev workflow
ISC