Nuxt Uikit 3 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

📖 UIkit Docs

📖 Nuxt Docs

✨  Release Notes

🏀 Online playground

Features

• Zero cofig, just plug && play
• Customize UIkit default theme with scss/less
• Share scss/less variables && mixins everywhere
• Use all UIKit JS components without writing any JS
• Access UIkit JS components api with useUIkit3 composable
• Use UIKit default icons pack
• UIkit documentation in Nuxt Devtools

Quick Setup

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

1# Using npm
2npm install --save-dev @samk-dev/nuxt-uikit3
3
4# Using pnpm
5pnpm add -D @samk-dev/nuxt-uikit3
6
7# Using yarn
8yarn add --dev @samk-dev/nuxt-uikit3

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

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

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

For additional configuration please refer to module docs

Development

1# stub
2pnpm uikit:dev:prep
3# dev
4pnpm uikit:dev