UIkit 3 Nuxt module

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces

Nuxt compatibility: ^3.0.0 Bridge: false

• 📖  Documentation
• ✨  Release Notes
• 🏀 Online playground
• 📖 UIkit 3 Docs
• 📖 Nuxt Docs

• Injects UIkit 3 into Nuxt ✅
• scss/less to customize UIkit 3 theme ✅
• Use all UIKit 3 JS components without writing any JS ✅
• Use UIKit 3 icons pack ✅
• UIkit 3 documentation in Nuxt Devtools ✅

Add @samk-dev/nuxt-uikit3 dependency to your project

# Using npm
npm install --save-dev @samk-dev/nuxt-uikit3

# Using pnpm
pnpm add -D @samk-dev/nuxt-uikit3

# Using yarn
yarn add --dev @samk-dev/nuxt-uikit3

Add @samk-dev/nuxt-uikit3 to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@samk-dev/nuxt-uikit3']
})

That's it! You can now use Nuxt Uikit 3 in your Nuxt app ✨

For additional configuration please refer to module docs

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare -w nuxt-uikit3

# Develop with the playground
npm run dev -w nuxt-uikit3

# Build the playground
npm run dev:build -w nuxt-uikit3

# Run ESLint
npm run lint

# Release new version
npm run release -w nuxt-uikit3