Astratto UI
Yes, yet another UI library. Built on top of UIkit 3, it's exclusive to Nuxt.
It's the successor of my old private library with support for nuxt2
. I usually use it in clients work.
Nuxt 3 came out so the need for an upgrade is necessary, so why not a re-write and open it for everyone?
Features
- Built on top of UIkit 3
- Very light weight && elegant
- Modular, use what only what's needed
Quick Setup
- Add
astratto-ui
dependency to your project
# Using pnpm
pnpm add -D @samk-dev/astratto-ui
# Using yarn
yarn add --dev @samk-dev/astratto-ui
# Using npm
npm install --save-dev @samk-dev/astratto-ui
- Add
@samk-dev/astratto-ui
to themodules
section ofnuxt.config.ts
export default defineNuxtConfig({
modules: ['@samk-dev/astratto-ui']
})
That's it! You can now use Astratto UI in your Nuxt app
Development
# Install dependencies
pnpm install
# Generate type stubs
pnpm run dev:prepare
# Develop with the playground
pnpm run dev
# Build the playground
pnpm run dev:build
# Run ESLint
pnpm run lint
# Run Vitest
pnpm run test
pnpm run test:watch
# Release new version
pnpm run release