@samk-dev/astratto-ui

Astratto UI

⚠️ Library still under development ⚠️

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 the modules section of nuxt.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