@smalt-ui/nuxt

Nuxt module for @smalt-ui/core: component auto-import, styles, color mode
451
vue ui nuxt components nuxt-module design-system
Install
npm install @smalt-ui/nuxt
Latest Version:2.0.0
Vue:3
License:MIT
Last Updated:Sep 25, 2026
Links: GitHub  ·  npm
Maintainer: technical-jade

@smalt-ui/nuxt

Nuxt module for @smalt-ui/core: component auto-import, styles, color mode and SSR setup out of the box.

Part of the Smalt UI monorepo. Shared requirements, installation and workspace commands are described in the root README.

Installation

pnpm add @smalt-ui/nuxt @smalt-ui/core

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@smalt-ui/nuxt'],
  sui: {
    // options (see below)
  },
})

The module registers the components for auto-import, includes @smalt-ui/core/styles.css, adds the .s-root isolation container and sets up color mode. reka-ui is a peer dependency.

Nuxt 3 and Nuxt 4 are supported: @nuxt/kit is declared with the ^3.0.0 || ^4.0.0 range, so the module uses the app's kit instead of pulling in a second copy.

Options (sui config key)

Option Type Default Description
prefix string '' Name prefix for auto-imported components
css boolean true Include the global @smalt-ui/core/styles.css styles
colorMode boolean true Enable light/dark control (data-theme)
container boolean true Add the .s-root isolation class to the app root
locale 'en' 'en' Locale of the library strings (the only built-in one)
messages Record<string, string> — Override individual library strings, e.g. to translate them

Package scripts

Script Description
pnpm dev:prepare Stub + module type preparation for development
pnpm build Build the module (nuxt-module-build)

Run from the root: pnpm --filter @smalt-ui/nuxt <script>.

Related Packages

@pisandelli/daredash

Provides a design token-powered UI component library and styling system for Nuxt...

6,023 3
design-system nuxt nuxt-module ui tokens
@solar-icons/nuxt

Nuxt module for easily integrating Solar Icons into your Nuxt 3+ applications.

9,600 224
design-system nuxt nuxt-module ui icons solar-icons
@bysages/nuxt

Nuxt module for By Sages Elements — auto-imports the paper-and-ink Vue component...

191 1
components design-system nuxt nuxt-module ui vue design-tokens theming
@7pmlabs/design-system-nuxt

Nuxt 4 module for @7pmlabs/design-system — auto-imports components, composables,...

2,347 1
design-system nuxt nuxt-module vue ui-library
@vuecs/nuxt

Nuxt module for vuecs — auto-imports @vuecs/design tokens and ships SSR-safe col...

5,119 4
design-system nuxt nuxt-module dark-mode palette vuecs

Version History

Version Released Vue License
2.0.0 ^3.0 MIT
1.0.1 ^3.0 MIT
1.0.0 ^3.0 MIT